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

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ƯƠNG VII: KẾT GÁN DỮ LIỆU Lý thuyết : tiết Thực hành 12 tiết Data Controls     DataGrid=Table(động tạo server) Repeater DataList GridView Các properties 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 dạng bảng tính liệu từ data source    Gồm tập cột, header, footer Các cột tự động tạo tường minh Thuộc tính: HeadText DataField …… DataField Student ID 03CDTH892 …… 03CDTH632 Properties Descriptions AutoGenerateColumns Tạo column tự động() Column(Design & Coding)   • Bound Column Cột 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: dgAuthors.DataSource (Coding) dgAuthors.DataSource dgAuthors.DataSource==ds.Table[0]; ds.Table[0]; dgAuthors.DataSource==dr; 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 hiệu chỉnh)  EditCommandColumn hiển thị liên kết tương ứng kiện: EditCommand, UpdateCommand, CancelCommand DataGrid Editing    DataGridCommandEventArgs chứa thơng tin dịng hiệu chỉnh Thuộc tính DataKeyField thiết lập khóa Sự kiện UpdateCommand, truy xuất tập DataKeys để thao tác khóa DataGrid kiện OnEditCommand=“FunctionEdit" OnCancelCommand=“FunctionCancel“ OnPageIndexChanged=“FunctionPage" OnDeleteCommand=“FunctionDelete" OnItemCommand=“FunctionCommand" Đặc điểm khác DataGrid  Tùy biến giao diện DataGrid  ButtonColumn: hiển thị nút nhấn nhằm thực thi lệnh  Thuộc tính AllowSorting: hiển thị tiêu đề cột siêu liên kết  Thuộc tính SortField : field xếp Thực hành: Sử dụng DataGrid      Tạo OleDbConnection Tạo OleDbCommand Tạo a DataReader Kéo DataGrid vào Web Form Ràng buộc DataSource DataGrid vào DataGrid Repeater   Ý nghĩa:  Ràng buộc liệu từ danh sách item Hiển thị liệu dựa phần tử HTML Templates: DataBinder  Phân tích đánh giá biểu thức ràng buộc liệu  Tính tốn biểu thức ràng buộc liệu để rút trích liệu template  Container.DataItem trả đối tượng Object  DataBinder.Eval() hàm tĩnh sử dụng Reflection  Không quan tâm đến kiểu nguồn 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ị liệu từ data source  Sử dụng hiển thị liệu dạng danh sách (tương tự dạng Table)  Đơn giản DataGrid  Ít có ItemTemplate  Mỗi template có kiểu dáng riêng (HeaderStyle ItemStyle) DataList – Ví dụ Name: Breed: Ràng buộc liệu từ Data Reader  Thiết lập thuộc tính Thu Thuộộcc tính tính  Mơ Mơ tả tả DataSource DataSource  Ngu Nguồồnnddữữ liliệệuu DataTextField DataTextField  Field Field trong DataTable DataTable đđượ ượcchihiểểnnththịị DataValueField DataValueField  Field Field trong DataTable DataTable trtrởởthành thànhgiá giá trtrịịccủủaa item item Gọi phương thức DataBind Id.DataSource Id.DataSource == dr; dr; dgEmp.DataBind(); dgEmp.DataBind(); Minh họa: Điều khiển DataGrid     Sử dụng AutoFormat Thiết lập Tiêu đề cột Phân trang Sắp xếp Dataset gì? DataSet DataTable DataTable DataTable OleDbDataAdap ter OleDbConnectio n OleDb Server 2000 Bộ nhớ Thiết bị lưu trữ OleDbDataAdapter OleDbConnectio n OleDb Database Truy cập liệu với ADO.NET 11 Yêu cầu từ Client 22 Tạo đối tượng kết nối OleDbConnection OleDbDataAdapter 33 Điền liệu vào DataSet từ DataAdapter, đóng kết nối Trả DataSet cho Client 44 55 66 77 Client thao tác liệu Web Webserver server Database OleDbConnecti on OleDbDataAda pter Cập nhật DataSet Sử dụng OleDbDataAdapter để mở OleDbConnection, cập nhật sở liệu đóng kết nối List-Bound List-Bound Control Control Client Client DataSet Review  Introduction to Using ADO.NET  Connecting to a Database  Accessing Data with DataSets  Using Multiple Tables  Accessing Data with DataReaders Bài: Tạo kết nối đến Cơ sở liệu      Sử dụng Server Explorer tạo Connection Mô hình đối tượng DataAdapter Minh họa: Kết nối đến CSDL Tạo DataSet Minh họa: tạo DataSet Bài: Tạo kết nối đến Cơ sở liệu   Tự nghiên cứu Yêu cầu: Trình bày bước để tạo kết nối, lấy liệu – sử dụng MS Visual.Net ... thao tác liệu Web Webserver server Database OleDbConnecti on OleDbDataAda pter Cập nhật DataSet Sử dụng OleDbDataAdapter để mở OleDbConnection, cập nhật sở liệu đóng kết nối List-Bound List-Bound... DataReaders Bài: Tạo kết nối đến Cơ sở liệu      Sử dụng Server Explorer tạo Connection Mơ hình đối tượng DataAdapter Minh họa: Kết nối đến CSDL Tạo DataSet Minh họa: tạo DataSet Bài: Tạo kết nối... Ràng buộc liệu từ danh sách item Hiển thị liệu dựa phần tử HTML Templates: DataBinder  Phân tích đánh giá biểu thức ràng buộc liệu  Tính tốn biểu thức ràng buộc liệu để rút trích liệu template