1. Trang chủ
  2. » Cao đẳng - Đại học

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

10 18 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 10
Dung lượng 814,18 KB

Nội dung

• HyperLink Column Cột dạng Liên Kết. • Template Column Cột tự thiết kế[r]

(1)

CHƯƠNG VII:

K T GÁN D  LI U

(2)

Data Controls

 DataGrid =Table(đ ng độ ượ ạc t o trên server)  Repeater

(3)

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

(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

(5)

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

(6)

Ví d :ụ

 T o đi u khi n (Design) ạ ề ể

(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> 

(8)

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:  OnEditCommand, ứ ự ệ

(9)

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

(10)

GridView các s  ki nự ệ

OnEditCommand=“FunctionEdit"

OnCancelCommand=“FunctionCancel“

OnPageIndexChanged=“FunctionPage" 

OnDeleteCommand=“FunctionDelete"

Ngày đăng: 01/04/2021, 13:48

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN