Bài giảng Phát triển Web nâng cao - Chương 7: Kết gán dữ liệu

Chia sẻ: Sao Cũng được | Ngày: | Loại File: PPT | Số trang:28

Thêm vào BST

Báo xấu

57
lượt xem 8
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Bài giảng Phát triển Web nâng cao - Chương 7 trang bị cho người học những hiểu biết về kết gán dữ liệu trong ASP.Net. hương này trình bày các nội dung: Data Controls, các properties của Data Controls, DataGrid, DataGrid Editing, DataGrid các sự kiện, hiệu chỉnh dữ liệu - DataGrid,... Mời các bạn cùng tham khảo.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng Phát triển Web nâng cao - Chương 7: Kết gán dữ liệu

CHƯƠNG VII: KẾT GÁN DỮ LIỆU Lý thuyết : 3 tiết Thực hành 12 tiết
Data Controls  DataGrid=Table(động được tạo trên server)  Repeater  DataList  GridView
Các properties của Data Controls Properties DataList DataGrid Column Layout(sắp xếp theo cột) X Paging(Hiển thị số trang) X Select/Edit/Delete X X Sort X Style Properties(Kiểu cách) X X Table Layout(Hiển thị kiểu Bảng) X Template(Sử dụng khuôn mẫu) X X
DataGrid  Ý nghĩa: Cung cấp một dạng bảng tính dữ liệu từ data source  Gồm tập các cột, một header, một footer.  Các cột có thể tự động tạo hoặc tường minh  Thuộc tính: HeadText Student ID DataField 03CDTH892 ……. ……. DataField 03CDTH632
Properties Descriptions AutoGenerateColumns Tạo column tự động() Column(Design & Coding) • Bound Column Cột dữ liệu • Button Column Cột dạng Button • HyperLink Column Cột dạng Liên Kết • Template Column Cột tự thiết kế EditItemStyle Định dạng cho Item Header Style(Show Footer: true) Định dạng Header Footer Style(Show Header: true) Định dạng Footer GridLines Hiển thị dạng lưới
Ví dụ:  Tạo điều khiển (Design)  Ràng buộc vào DataReader/Dataset: (Coding) dgAuthors.DataSource = dr; dgAuthors.DataSource = ds.Table[0]; dgAuthors.DataSource = ds.Table[0]; dgAuthors.DataSource = dr; dgAuthors.DataBind(); dgAuthors.DataBind(); dgAuthors.DataBind(); dgAuthors.DataBind();
Data Grid – Ví dụ
DataGrid Editing  Sử dụng EditCommandColumn  Thuộc tính EditItemIndex (1 >không có dòng nào được hiệu chỉnh)  EditCommandColumn hiển thị 3 liên kết tương ứng 3 sự kiện: EditCommand, UpdateCommand, CancelCommand
DataGrid Editing  DataGridCommandEventArgs chứa thông tin của dòng sẽ được hiệu chỉnh  Thuộc tính DataKeyField thiết lập khóa chính  Sự kiện UpdateCommand, truy xuất tập các DataKeys để thao tác trên khóa chính
DataGrid các sự kiện OnEditCommand=“FunctionEdit" OnCancelCommand=“FunctionCancel“ OnPageIndexChanged=“FunctionPage" OnDeleteCommand=“FunctionDelete" OnItemCommand=“FunctionCommand"
Hiệu chỉnh dữ liệu DataGrid other style properties not shown
Hiệu chỉnh DataGrid – Mã lệnh protected override void OnLoad(EventArgs e) { if (!IsPostBack) BindGrid(); base.OnLoad(e); } public void gd1_Edit(object src, DataGridCommandEventArgs e) { gd1.EditItemIndex = (int)e.Item.ItemIndex; BindGrid();} public void gd1_Cancel(object src, DataGridCommandEventArgs e) { gd1.EditItemIndex = 1; BindGrid(); }
Hiệu chỉnh DataGrid – Mã lệnh (tt) public void BindGrid() { // kết nối; OleDbDataAdapter da = new OleDbDataAdapter("select * from Employees", dsn); DataSet ds = new DataSet(); da.Fill(ds, "Employees"); gd1.DataSource=ds; gd1.DataBind(); }
Đặc điểm khác của DataGrid  Tùy biến giao diện DataGrid  ButtonColumn: hiển thị nút nhấn nhằm thực thi một lệnh nào đó.  Thuộc tính AllowSorting: hiển thị tiêu đề cột như một siêu liên kết.  Thuộc tính SortField : chỉ ra field được sắp xếp.
Thực hành: Sử dụng DataGrid  Tạo một OleDbConnection  Tạo một OleDbCommand  Tạo a DataReader  Kéo một DataGrid vào Web Form  Ràng buộc DataSource của DataGrid vào DataGrid
Repeater  Ý nghĩa:  Ràng buộc dữ liệu từ danh sách các item. Hiển thị dữ liệu dựa trên các phần tử HTML  Templates:
DataBinder  Phân tích và đánh giá biểu thức ràng buộc dữ liệu  Tính toán biểu thức ràng buộc dữ liệu để rút trích dữ liệu đúng trong template  Container.DataItem trả về đối tượng Object  DataBinder.Eval() là hàm tĩnh sử dụng Reflection  Không quan tâm đến kiểu của nguồn dữ liệu (data source)
DataBinder – Ví dụ
A Repeater control in use is a and looks like this:
DataList  Sử dụng DataList hiển thị dữ liệu từ data source  Sử dụng khi hiển thị dữ liệu dạng danh sách (tương tự dạng Table)  Đơn giản hơn DataGrid  Ít nhất có ItemTemplate  Mỗi template có kiểu dáng riêng (HeaderStyle và ItemStyle)