Nếu bạn chưa biết, GridView là một điều khiển kết gán dữ liệu của ASP.NET (phiên bản 1.x gọi là DataGrid). Nó không những cho phép hiển thị dữ liệu theo dạng bảng (hàng x cột) mà còn cung cấp các tính năng tương tác với người dùng như Sắp xếp, Phân trang, cập nhật dữ liệu, ...
Trong bài này, tôi sẽ hướng dẫn bạn các thao tác ban đầu để hiển thị dữ liệu lên GridView.
Bước 1: Đưa GridView vào WebForm của bạn
Bạn có thể kéo GridView từ Toolbox vào WebForm hoặc gõ đoạn mã sau vào phần nguồn của WebForm
<asp:GridView ID="grvProducts" runat="server" AutoGenerateColumns="true" />
Thuộc tính AutoGenerateColumns mặc định bằng True sẽ khiến cho GridView tự động hiển thị các cột tương ứng với các trường dữ liệu đang có trong nguồn dữ liệu được kết gán.
Bước 2: Lập trình bind dữ liệu lên GridView
- Hàm hỗ trợ lấy dữ liệu cần hiển thị ra DataTable/DataSet/ ... hoặc một đối tượng là thể hiện của IListSource, IEnumerable, hay IDataSource
- private DataTable layProducts()
- {
- string sConnectionString = ConfigurationManager.ConnectionStrings["NorthwindCNN"].ConnectionString;
- using (SqlConnection Cnn = new SqlConnection(sConnectionString))
- {
- using (SqlCommand Cmd = Cnn.CreateCommand())
- {
- Cmd.CommandType = CommandType.Text;
- Cmd.CommandText = "Select ProductID, ProductName, UnitPrice "
- + " From Products";
- using (SqlDataAdapter daNorthwind = new SqlDataAdapter(Cmd))
- {
- DataTable table = new DataTable("Products");
- daNorthwind.Fill(table);
- return table;
-
- }
- }
- }
- }
Chú ý: bạn cần đặt ConnectionString "NorthwindCNN" chứa thông số kết nối đến CSDL Sql Server Northwind trong Web.config nếu viết theo đoạn code trên nhé
- Lấy dữ liệu, gán vào thuộc tính DataSource rồi gọi phương thức DataBind()
- using (DataTable tblProducts = layProducts())
- {
- grvProducts.DataSource = tblProducts;
- grvProducts.DataBind();
- }
Bạn có thể download file đính kèm để xem cụ thể ví dụ này.
Chúc bạn thành công.