Zhuzing

Trong bài này ngoài điều khiển ngoài điều khiển GridView các bạn sẽ được giới thiệu thêm về điều khiển sqlDatasource.

Ta đi vào một ví dụ đơn giản: Bạn hiển thị dữ liệu từ bảng Giới thiệu ra 1 GridView Trong file web.config: bạn thêm vào.

Bạn tạo một trang SimpleGridview.aspx và đưa vào một điều khiển SqlDataSource và điền vào nó các thuộc tính như sau:

Code 10.1

Như bạn thấy trong ví dụ trên đối tượng SqlDatasource chứa chỗi kết nối String được lấy ra từ file web.config và thuộc tính selectCommand sẽ đưa vào một chuỗi sql dạng select để lấy tất cả dữ liệu trong bảng tblIntrodure.

Và điều khiển GridView của ta sẽ điền vào thuộc tính DataSourceID="_tên_sqlDatasource".

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

Sorting Data

Bạn có thể trình bày sắp xếp dữ liệu trong GridView với thuộc tính AllowSorting.

Ví dụ: cũng với ví dụ 1 bạn thêm vào thuộc tính AllowSorting="true" khi này bạn sẽ thấy trên dòng Header của Gridview sẽ xuất hiện như LinkButton và khi bạn nhấn vào nó, nó cho phép bạn sắp xếp thông tin theo thứ tự giảm dần và tăng dần của dữ liệu.

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

Paging Data

Khi số trường dữ liệu lớn bạn có thể thực hiện phân trang cho dữ liệu với việc thiết đặt thuộc tính AllowPaging="true" cũng với ví dụ trên bạn thêm vào thuộc tính AllowPaging, cho nó giá trị bằng true và thiết lập thuộc tính PageSize(số dòng trên một trang) bằng 3 bạn sẽ thấy sự thay đổi.

Kết xuất của nó như sau:

Bạn có thể chỉnh sửa trình bày xuất hiện phân trang theo ý mình thay vì mặc định nó sẽ trình bày bởi những con số ở cuối của GridView với thuộc tính PagerSetting.

Ví dụ bạn thêm vào 1 số thuộc tính cho GridView của chúng ta như sau:

Và bạn thấy kết xuất của nó như sau:

Lớp PagingSetting hỗ trợ các thuộc tính sau:

♦ FirtPageImageURL: cho phép hiển thị ảnh của liên kết tới trang đầu tiên.

♦ FirstPageText: Cho phép hiển thị Text của liên kết đến trang đầu tiên.

♦ LastPageImageUrl: cho phép hiển thị ảnh của liên kết tới trang cuối cùng.

♦ LastPageTex: Cho phép hiển thị Text của liên kết đến trang cuối cùng.

♦ Mode: cho phép bạn lựa chọn hiển thị kiểu cho giao diện phân trang, nó có thể có các giá trị sau:

♦ NextPrevious, NextPreviousFirstLast, Numeric, and NumericFirstLast.

♦ NextPageImageUrl: Cho phép hiển thị ảnh liên kết tới trang tiếp theo.

♦ NextPageText: Text hiển thị cho liên kết đến trang tiếp theo.

♦ PageButtonCount: hiển thị tổng số trang.

♦ Position: chỉ định vị trí hiển thị phân trang. Giá trị của nó có thể là: Bottom, Top, and TopAndBottom.

♦ PreviousPageImageUrl: ảnh hiển thị cho liên kết tới trang trước đó.

♦ PreviousPageText: Text hiển thị cho liên kết tới trang trước đó.

♦ Visible: Cho phép hiển thị hay ẩn giao diện phân trang.

Ví dụ tiếp theo chúng ta cùng customize phân trang 1 GridView với PagerTemplate GridView như sau: