Zhuzing

Hai điều khiển này cho phép bạn làm việc với một trường dữ liệu đơn tại mỗi thời điểm.

1.1. Hiển thị dữ liệu với DetailView:

DetailView được đưa ra hiển thị như một bảng () trong HTML để hiển thị dữ liệu một bản ghi.

Ví dụ: Trang DetailView.aspx

Code 11.1

Vẫn với cơ sở dữ liệu từ chương trước bạn đưa dữ liệu của bảng tblIntrodure vào SqlDataSource và điền nó vào DetailView1 với thuộc tính DataSourceID của nó.

Kết xuất của chương trình sẽ như sau:

Bạn cũng có thể đưa dữ liệu vào DetailView từ một mảng hay danh sách dữ liệu.

Ví dụ:

Bạn tạo một lớp Employee.cs

Code 11.2

Code 11.3 DetailViewPerson.aspx

Code 11.4 DetailViewPerson.aspx.cs

Trong ví dụ này chúng ta tạo ra một lớp Employee và chúng ta đưa dữ liệu vào DetailView1 với thuộc tính DataSource và phương thức DataBind điền dữ liệu vào.

1.2. Sử dụng Fields với điều khiển DetailView:

DetailView hỗ trợ tất cả các Field như GridView:

♦ BoundField: cho phép bạn hiển thị giá trị của dữ liệu như Text.

♦ CheckBoxField: hiển thị dữ liệu dưới dạng một CheckBox.

♦ CommandField: hiển thị liên kết cho phép chỉnh sửa, thêm mới, xoá dữ liệu của dòng.

♦ ButtonField: hiển thị dữ liệu như một button (ImageButton).

♦ HyperLinkField: hiển thị môt liên kết.

♦ ImageField: hiển thị ảnh.

♦ TemplateFile: cho phép hiển thị các đìều khiển tuỳ biến.

Ví dụ:

Code 11.5

Trong ví dụ trên bạn đưa vào 3 BoundField và điền vào dữ liệu với thuộc tính DataField và thiết đặt cho nó tiêu dề với HeaderText, để đưa ra dữ liệu như thế này bạn cần thiết lập thuộc tính AutoGenerateRows="false".

Kết xuất của chương trình:

1.3. Hiển thị DetailView với dữ liệu rỗng:

Ví dụ:

Code 11.6

Kết xuất của chương trình:

Trong ví dụ trên ta đưa dữ liệu vào DetailView1 với dữ liệu từ bảng tblProduct (chưa được nạp dữ liệu), trong DetailView1 ta thêm vào thuộc tính EmptyDataText="Dữ liệu không có" để khi trong bảng không có dữ liệu chuỗi Text nằm trong thuộc tính EmptyDataText sẽ được đưa ra.

Bạn cũng có thể Customize chuỗi text hiển thị ra khi chưa có nội dung bằng EmptyDataTemple như ví dụ sau:

Ví dụ: DetailViewDatanull.aspx

Code 11.7

Kết xuất của chương trình sẽ như sau:

1.4. Phân trang với DetailView:

Ví dụ DetailViewPaging.aspx

Bạn thêm vào thuộc tính AllowPaging="true" cho điều khiển DetailView

Code 11.8