c) Thao tác thêm dữ liệu Insert
3.3.4. Giới thiệu điều khiển Data Sources
Điều khiển SqlDataSource control: Ta sử dụng điều khiển SqlDataSource control theo các bước cơ bản sau:
- Trong cửa sổ thiết kế trang Design View, kéo điều khiển
SqlDataSource control vào vùng thiết kế (hình 3.16).
Hình 3.16. Cửa sổ thiết kế Web Page Designer
- Mở smart task panel và click Configure Data Source. Xuất hiện cửa sổ Choose your Data connection hình 3.10. Chọn New Connection.
89
Hình 3.17. Cửa sổ Choose your Data connection
- Trong cửa sổ Cửa sổ Add connection (hình 3.17) ta nhập các thông tin kết nối và click OK để quay về cửa sổ 3.16 và chọn Next để tiếp tục.
Hình 3.18 Cửa sổ Add connection
- Trong cửa sổ Save connection string to the Application Configuration file (hình 3.19). Cho phép có lựa chọn save chuỗi kết nối này trong file web config hay khơng?
90
Hình 3.19. Cửa sổ Save connection string
- Trong cửa sổ Configure the Select Statement (hình 3.20) ta chọn các trường cho câu lệnh Select. Chú ý, trong cửa sổ này có các nút Where để thiết lập cho mệnh đề Where cho câu lệnh Select (hình 3.21); nút Order By để sắp xếp dữ liệu.
Hình 3.20. Cửa sổ Configure the Select Statement
- Chọn Next, xuất hiện cửa sổ Test Query (hình 3.22) để Test truy vấn vừa tạo.
Hình 3.21. Cửa sổ thiết lập cho mệnh đề Where.
91
Hình 3.22. Cửa sổ Test Query.
Các bước trên tương ứng với khai báo thẻ như sau: <asp:SqlDataSource ID=”SqlDataSource1” runat=”server”
ConnectionString=”<%$ ConnectionStrings:MyConn %>”
SelectCommand=”SELECT [ProductID], [ProductType], [ProductName], [ProductDescription], [ProductSize], [ProductImageURL], [UnitPrice]
FROM [Products]”> </asp:SqlDataSource>
Chuỗi kết nối được khai báo trong tệp web config như sau: <connectionStrings>
<add name=”MyConn” connectionString=”Data Source=.;Initial Catalog=QLBanHang;User ID=sa;Password=12102006” providerName=”System.Data.SqlClient” />
</connectionStrings>
Chú ý:
- Khi không Save chuỗi kết nối trong tệp web config thì chuỗi kết nối đó sẽ được khai báo tường minh trong source như sau.
- Trong lập trình người ta thường kết hợp hai cách thiết kế: Dùng chỉ dẫn của Design View sau đó chuyển sang Source để hiệu chỉnh lại.
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="Data Source=.;Initial Catalog=QLBanHang;User ID=sa;Password=12102006" ProviderName="System.Data.SqlClient" SelectCommand="SELECT [ProductID], [ProductType], [ProductName], [ProductDescription], [ProductSize], [ProductImageURL], [UnitPrice] FROM [Products]">
92 </asp:SqlDataSource> </asp:SqlDataSource>