CollectionPager cho ASP.NET


phan trang datalist collectionpager
Trong asp.net hỗ trợ khá nhiều các DataBound control giúp bạn hiển thị và xử lí dữ liệu. DataList là một control như thế. DataList có điểm mạnh là hiển thị dữ liệu khá linh hoạt với việc bạn có thể tùy biến hiển thị theo ý muốn. Nhưng nó có 1 điểm yếu đó là nó không hỗ trợ phân trang cho dữ liệu. Để phân trang được bạn có thể dùng thủ tục sql hoặc xây dựng 1 hàm để phân tách dữ liệu và hiển thị chúng. Nhưng chúng sẽ khá dài và rắc rối. Hôm nay mình xin giới thiệu cho các bạn một dll dùng để phân trang dữ liệu cho DataList đó là CollectionPager. Bạn có thể download dll đó tại đây.
Bước 1: Để sử dụng dll này bạn cần add reference dll này để lưu nó vào thư mục vào thư mục Bin. Sau đó hãy kích chuột phải vào toolbox và chọn ChooseItems sau đó browser đến dll đó.
phan trang datalist bang collectionpager
Sau khi add nó vào toolbar bạn có thể thấy nó như sau:
Bước 2: Sử dụng collectionpager cho trang.
Bạn hãy kéo collectionpager control vào trang mà bạn cần sử dụng. Bạn kéo xong thì sẽ có một register được sinh ra trong trang:
<%@ Register Assembly="CollectionPager" Namespace="SiteUtils" TagPrefix="cc1" %>
và một control:

<cc1:CollectionPager ID="colPage" runat="server"></cc1:CollectionPager>
Bạn nhớ hãy đặt control này bên dưới hoặc bên Datalist để hiện thị phân trang.
Bước 3: Hãy gán data và datalist control cho nó:
Bạn hãy vào phần behind code và chèn đoạn code sau vào:

        DataSet ds = dataset mà bạn get từ database;
        colPage.PageSize = 10;// số bản ghi được hiển thị ở đây mình để là 10
        colPage.DataSource = ds.Tables["Tên bảng trong dataset"].DefaultView;
        colPage.BindToControl = dtlNeedPaging;
        dtlNeedPaging.DataSource = colPage.DataSourcePaged;
        
 OK, bây giờ thì datalist của bạn đã được paging. Bạn có thể tùy chọn style cho datalist của bằng cách sử dụng các thuộc tính style cho nó.
phan trang datalist bang collectionpager
Ngoài phân trang cho datalist ra thì CollectionPager còn có thể phân trang cho Repeater. Mình hy vọng bài viết này sẽ giúp các bạn có thể phân trang cho datalist một cách dễ dàng hơn. Chúc các bạn thành công!

2 nhận xét:

ad cho mình hỏi muốn căn chỉnh css của công cụ trên thì làm như thế nào

lúc 23:04 6 tháng 6, 2014 comment-delete

Làm xao để chèn css cho CollectionPager vậy b ơi, :))

lúc 04:44 9 tháng 8, 2014 comment-delete

Đăng nhận xét