5.2.1 Gridview 5.2.2 DataList 5.2.2 DataList 5.2.3 Repeater
196 196 196
5.2.1 Gridview
Khoa CNTT Trường CĐ CNTT TP.HCM
Giới thiệu:
GridView là một điều khiển khá linh hoạt và hiệu
quả trong việc hiển thị, định dạng và thao tác với dữ liệu. Bên cạnh đó, chúng ta có thể thực hiện sắp xếp dữ liệu, thực hiện phân trang với sự hỗ trợ khá tốt của Visual .Net trong quá trình thiết kế.
197 197 197
Tạo GridView vào trang
198 198 198
Khoa CNTT Trường CĐ CNTT TP.HCM
Định dạng tự động
Chọn những mẫu định dạng có sẳn Gridview bằng cách Chọn Auto Format từ khung Gridview Task
199 199 199
Kết nối nguồn dữ liệu
Thực hiện kết nối nguồn dữ liệu với cơ sở dữ liệu SQLServer, Access, XML. .
Tại mục Choose Data Source: New Data Source (Hoặc chọn Datasource đã được tạo trước đó)
200 200 200
Khoa CNTT Trường CĐ CNTT TP.HCM
201 201 201
Thêm cột
Trong cửa sổ Gridview Task chọn : Add New Column
Chọn Loại field : BoundField Tiêu đề côt : Header Text
Tên field dữ liệu: DataField Ok hòan thành
202 202 202
Khoa CNTT Trường CĐ CNTT TP.HCM
Hiệu chỉnh các cột
203 203 203
AvailableFields: Chọn lọai Field liên kết dữ liệu
BoundField: Cột dạng Textbox.
Checkbox Field: Cột dạng Checkbox. Hyperlink Field: Cột dạng liên kết.
Button Field: Cột dạng nút lệnh
CommandField: Cột dạng nút lệnh được thiết kế sẵn Select: Nút lệnh chọn dòng dữ liệu
Edit, Cancel, Update: Các nút cập nhật d.liệu Delete: Nút lệnh xóa dịng dữ liệu
204 204 204
Khoa CNTT Trường CĐ CNTT TP.HCM
Convert this Field into a Template Column: Chuyển cột hiện hành thành cột dạng Template Column.
BoundColumn properties: Thông tin chi tiết cho các cột
HeaderText, Footer Text: Tiêu đề trên/dưới của cột Header Image: Hình hiển thị trên tiêu đề cột.
Sort Expression: Biểu thức sắp xếp của cột.
Visible: Qui định cột có được hiển thị hay khơng. DataField: Qui định tên field dữ liệu cần hiển thị.
Data formatting expression: Biểu thức định dạng
{0:<chuỗi định dạng>}.
Vd: {0:000.00}, {0:0.##}
205 205 205
Thiết lập các thuộc tính định dạng lưới
Chọn GridView Properties
- ShowHeader/ShowFooter: Hiện / Ẩn Phần đầu và chân của GridView
206 206 206
Khoa CNTT Trường CĐ CNTT TP.HCM
207 207 207
- RowStyleAlternatingRowStyle: Định dạng dòng dữ liệu lẽ/chẵn:
208 208 208
Khoa CNTT Trường CĐ CNTT TP.HCM
- AlowPaging : Phân trang