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

<span class='text_page_counter'>(1)</span><div class='page_container' data-page=1>

<i><b>CH</b></i>

<i><b>ƯƠ</b></i>

<i><b>NG VII:</b></i>

<b>K T GÁN D  LI U</b>

<b>Ế</b>

<b>Ữ</b>

<b>Ệ</b>

</div>
<span class='text_page_counter'>(2)</span><div class='page_container' data-page=2>

Data Controls



DataGrid =Table(đ ng đ

ộ

ượ ạ

c t o trên server)



Repeater

</div>
<span class='text_page_counter'>(3)</span><div class='page_container' data-page=3>

Các properties c a Data Controls

ủ

Properties DataList DataGrid
Column Layout(sắp xếp theo cột) <b>X</b>  

Paging(Hiển thị số trang)   <b>X</b>

Select/Edit/Delete <b>X</b> <b>X</b>

Sort   <b>X</b>

Style Properties(Kiểu cách) <b>X</b> <b>X</b>

Table Layout(Hiển thị kiểu Bảng)   <b>X</b>

</div>
<span class='text_page_counter'>(4)</span><div class='page_container' data-page=4>

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:

ộ

03CDTH632

…….

03CDTH892

Student ID

DataField

…….

DataField

HeadText

</div>
<span class='text_page_counter'>(5)</span><div class='page_container' data-page=5>

<b>Properties</b> <b>Descriptions</b>

<b>AutoGenerateColumns</b> Tạo column tự động()

<b>Column(Design & Coding)</b>  

• 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ế

<b>EditItemStyle</b> Định dạng cho Item

<b>Header Style(Show Footer: true)</b> Định dạng Header

<b>Footer Style(Show Header: true)</b> Định dạng Footer

</div>
<span class='text_page_counter'>(6)</span><div class='page_container' data-page=6>

Ví d :

ụ



T o đi u khi n (Design) 

ạ

ề

ể

</div>
<span class='text_page_counter'>(7)</span><div class='page_container' data-page=7>

DataGrid – Ví d

ụ

<form id="form1" runat="server"> 
<div> 

   <asp:DataGrid ID="DataGrid1" runat="server" 

 Style="z­index: 100; left: 55px; position: absolute;top: 15px"> 
   </asp:DataGrid> 

</div>
<span class='text_page_counter'>(8)</span><div class='page_container' data-page=8>

DataGrid

<b> Editing</b>



S  d ng EditCommandColumn 

ử ụ



<b>Thu c  tính</b>

<b>ộ</b>

 

<b>EditItemIndex</b>

 (­1  ­>khơng  có 

dịng nào đ

ượ

c hi u ch nh)

ệ

ỉ



<b>EditCommandColumn</b>

 hi n  th   3  liên  k t 

ể

ị

ế

t

ươ

ng  ng  3  s   ki n:  OnEditCommand, 

ứ

ự

ệ

</div>
<span class='text_page_counter'>(9)</span><div class='page_container' data-page=9>

DataGrid

<b> Editing</b>



<b>DataGridCommandEventArgs</b>

 ch a thơng 

ứ

tin c a dịng s  đ

ủ

ẽ ượ

c hi u ch nh

ệ

ỉ



<b>Thu c tính DataKeyField</b>

<b>ộ</b>

 thi t l p khóa 

ế ậ

chính

</div>
<span class='text_page_counter'>(10)</span><div class='page_container' data-page=10>

GridView các s  ki n

ự ệ

OnEditCommand

=“FunctionEdit"

OnCancelCommand

=“FunctionCancel“

OnPageIndexChanged

=“FunctionPage" 

OnDeleteCommand

=“FunctionDelete"

</div>

<!--links-->