Bài giảng Lập trình ứng dụng Web - Chương 7: Kết gán dữ liệu - Trường Cao đẳng Cao Thắng

CHƯƠNG VII:KẾT GÁN DỮ LIỆULý thuyết : 3 tiếtThực hành 12 tiếtData ControlsDataGrid =Table(động được tạo trên server)RepeaterDataListGridViewCác properties của Data ControlsPropertiesDataListDataGridColumn Layout(sắp xếp theo cột)X Paging(Hiển thị số trang) XSelect/Edit/DeleteXXSort XStyle Properties(Kiểu cách)XXTable Layout(Hiển thị kiểu Bảng) XTemplate(Sử dụng khuôn mẫu)XXDataGridÝ nghĩa: Cung cấp một dạng bảng tính dữ liệu từ data sourceGồ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 minhThuộc tính:03CDTH632.03CDTH892Student IDDataField.DataFieldHeadTextPropertiesDescriptionsAutoGenerateColumnsTạo column tự động()Column(Design & Coding) Bound ColumnCột dữ liệuButton ColumnCột dạng ButtonHyperLink ColumnCột dạng Liên KếtTemplate ColumnCột tự thiết kếEditItemStyleĐịnh dạng cho ItemHeader Style(Show Footer: true)Định dạng HeaderFooter Style(Show Header: true)Định dạng FooterGridLinesHiển thị dạng lướiVí dụ:Tạo điều khiển (Design) Ràng buộc vào DataReader/Dataset: (Coding)dgAuthors.DataSource = dr;dgAuthors.DataBind(); dgAuthors.DataSource = ds.Table[0];dgAuthors.DataBind(); DataGrid – Ví dụ DataGrid EditingSử 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: OnEditCommand, OnUpdateCommand, OnCancelCommandDataGrid EditingDataGridCommandEventArgs chứa thông tin của dòng sẽ được hiệu chỉnhThuộc tính DataKeyField thiết lập khóa chínhSự kiện UpdateCommand, truy xuất tập các DataKeys để thao tác trên khóa chínhGridView các sự kiệnOnEditCommand=“FunctionEdit"OnCancelCommand=“FunctionCancel“OnPageIndexChanged=“FunctionPage" OnDeleteCommand=“FunctionDelete"OnItemCommand=“FunctionCommand"Gán dữ liệu Access vào DataGrid protected void Page_Load(object sender, EventArgs e) { String strCon = "Provider=Microsoft.Jet.OleDb.4.0;Data Source = "; strCon = strCon + Server.MapPath(".") + "\\App_Data\\SV.mdb"; OleDbConnection con = new OleDbConnection(strCon); con.Open(); String strOLE = "select * from tblSinhVien"; OleDbDataAdapter adap = new OleDbDataAdapter(strOLE, con); DataSet ds = new DataSet(); adap.Fill(ds); DataGrid1.DataSource = ds; //kết gán dl với GridView có id là GridView1 DataGrid1.DataBind(); } // lưu ý using System.Data.OleDb;Gán dữ liệu SQL vào DataGrid protected void Page_Load(object sender, EventArgs e) { string strconn = "server=TRUCLY-PC\\SQL2005;database=SINHVIEN;uid=sa;pwd=sa"; SqlConnection conn = new SqlConnection(strconn); string sql = "SELECT * FROM tblsinhvien"; SqlCommand cmd = new SqlCommand(sql, conn); conn.Open(); SqlDataAdapter adap=new SqlDataAdapter(sql,conn); DataSet ds = new DataSet(); adap.Fill(ds); DataGrid1.DataSource = ds; //kết gán dl với DataGrid1 DataGrid1.DataBind(); }Hiệu chỉnh dữ liệu - DataGridHiệu chỉnh DataGrid – Mã lệnhprotected 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(); }Đặc điểm khác của DataGridTùy biến giao diện GridView 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. PROPERTY DATAGRIDĐịnh dạng DatagridThực hành: Sử dụng DataGridTạo một OleDbConnectionTạo một OleDbCommandTạo a DataReaderKéo một DataGrid vào Web FormRàng buộc DataSource vào DataGridRepeaterÝ 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ử HTMLTemplates:DataBinderPhân tích và đánh giá biểu thức ràng buộc dữ liệuTính toán biểu thức ràng buộc dữ liệu để rút trích dữ liệu đúng trong templateContainer.DataItem trả về đối tượng Object DataBinder.Eval() là hàm tĩnh sử dụng ReflectionKhông quan tâm đến kiểu của nguồn dữ liệu (data source)DataBinder – Ví dụ A Repeater control in useDataListSử dụng DataList hiển thị dữ liệu từ data sourceSử 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ó ItemTemplateMỗi template có kiểu dáng riêng (HeaderStyle và ItemStyle)DataList – Ví dụDatalistRàng buộc dữ liệu từ Data ReaderThiết lập thuộc tínhGọi phương thức DataBindId.DataSource = dr;dgEmp.DataBind();Thuộc tínhMô tảDataSourceNguồn dữ liệuDataTextFieldField trong DataTable được hiển thịDataValueFieldField trong DataTable trở thành giá trị của itemMinh họa: Điều khiển DataGridSử dụng AutoFormatThiết lập Tiêu đề cột Phân trangSắp xếpOleDb Server 2000DataSetDataTableDataTableThiết bị lưu trữOleDb DatabaseOleDbDataAdapterOleDbConnectionDataTableBộ nhớOleDbDataAdapterOleDbConnectionDataset là gì?Truy cập dữ liệu với ADO.NETDatabaseTrả DataSet cho ClientClient thao tác dữ liệuTạo đối tượng kết nối OleDbConnection và OleDbDataAdapter Điền dữ liệu vào DataSet từ DataAdapter, đóng kết nốiOleDbDataAdapterOleDbConnectionList-Bound ControlYêu cầu từ Client12345Cập nhật DataSetSử dụng OleDbDataAdapter để mở OleDbConnection, cập nhật cơ sở dữ liệu và đóng kết nối67ClientWeb serverDataSet