Home »

Làm việc với GridView Control trong ASP.NET - Phần 1

2 thg 9, 2013

Làm việc với GridView Control trong ASP.NET - Phần 1 Giới thiệu về GridView control


1. Giới thiệu về GridView control

GridView control là một trong những control thuộc tập nhóm của nhóm control Data. GridView control dùng để xử lý dữ liệu, hiển thị thông tin, cập nhật, xóa, thêm dữ liệu.
Ngoài GridView ra còn có DataList, Details View,…mỗi một control sẽ đảm nhận vai trò riêng của mình trong việc xử lý database ở phía client

2. Cách sử dụng

Trước tiên, chúng ta sẽ cùng nhau tạo một page mới và đặt tên page là gridviewControl.aspx (lưu ý không được đặt trùng tên với tên của control là GridView bạn sẽ gặp nhiều rắc rối về sau đấy)
Có 2 cách để tạo một gridview control (gvc) một là bằng source code, hai là bạn click and drag (kéo – thả)

?
source code
1
<asp:gridview id="gvData" runat="server"></asp:gridview>
  • Cách một khởi tạo bằng đoạn mã tại tag source của page gridviewControl.aspx như sau  
  • Cách 2 bạn click – drag

Bây giờ các bạn đã hoàn thành tạo 1 contro gridview có id là gvData rồi

3. Ứng dụng

Chúng ta cùng làm một ví dụ đơn giản trước để các bạn hiểu sâu hơn về control này như sau: “bạn hãy sử dụng database Northwind file đính kèm – để hiện thị tất cả những record trong table Employee và gridview”

4. Coding

1. Bạn cần viết một function không có kết quả trả về và đặt tên function này là LoadEmployee()
2. Tiến hành viết set up đoạn mã như sau
?
1
using System.Data.SqlClient;
?
1
2
3
4
5
6
7
8
9
10
11
private void LoadEmployee()
{
string conn = "Data Source=.;Initial Catalog=Northwind;Integrated Security=True";
SqlConnection sqlCon = new SqlConnection(conn);
string GetEmployee = "Select * From Employees";
SqlDataAdapter daCustomer = new SqlDataAdapter(GetEmployee, sqlCon);
DataTable dtCustomer = new DataTable();
daCustomer.Fill(dtCustomer);
gvData.DataSource = dtCustomer;
gvData.DataBind();
}
?
1
2
3
4
protected void Page_Load(object sender, EventArgs e)
{
LoadEmployee();
}
  • Bạn include thư viện để sử dụng đối tượng SQL Connection như sau
  • Và thư viện xử lý Data là: using System.Data;
  • Cài đặt hàm LoadEmployee() như sau
  • Và gọi ham LoadEmloyee tại sự kiện Load của page như sau
3. Giải thích lệnh
?
1
SqlConnection sqlCon = new SqlConnection(conn);
?
1
string GetEmployee = "Select * From Employees";
?
1
SqlDataAdapter daCustomer = new SqlDataAdapter(GetEmployee, sqlCon);
?
1
DataTable dtEmployee = new DataTable();
?
1
daCustomer.Fill(dtEmployee);
?
1
2
gvData.DataSource = dtEmployee;
gvData.DataBind();
  •  
    ?
    1
    string conn = "Data Source=.;Initial Catalog=Northwind;Integrated Security=True";
  • Đoạn mã trên là chuỗi kết nối dữ liệu đến database là Northwind trong hệ quản trị dữ liệu SQL Server
  • Tạo đối tượng SQL Connection SqlCon
  • Đoạn mã truy vấn dữ liệu
  • Đối tượng dùng xử lý dữ liệu
  • Tạo đối tượng DataTable chứa dữ liệu
  • Fill dữ liệu vào DataTable
  • Và cuối cùng là hiển thị dữ liệu

5. Kết quả cuối cùng là


Tags:

Comments[ 0 ]


Đăng nhận xét