Phân trang với Listview và Datapager trong asp.net

Phân trang với Listview và Datapager trong asp.net

Với số lượng dữ liệu quá nhiều không thể hiện lên hết trong 1 trang thì việc phân trang là một công việc chắc chắn phải làm. Có rất nhiều cách: Gridview đã được tích hợp sẵn chức năng phân trang hoặc có thể dùng CollectionPager để phân trang, v.v... Trong bài viết này WEBXAULA xin giới thiệu đến các bạn cách thức phân trang sử dụng Datapager đã được tích hợp sẵn trong Visual Studio 2010.

Phân trang với Listview và Datapager trong asp.net

Ở bài trước tôi đã giới thiệu với các bạn cách phân trang cho datalist, repeater v.v... bằng control CollectionPager (Phân trang dùng CollectionPager trong asp.net). Hôm nay tôi sẽ hướng dẫn các bạn cách phân trang sử dụng Listview để hiển thị dữ liệu và phân trang dữ liệu đó dùng Datapager. Datapager là control có sẵn trong Visual Studio 2010 nên bạn không cần phải add thêm bất kỳ thư viện nào bên ngoài.

Đầu tiên, bạn thiết kế Listview hiển thị dữ liệu như sau:

<asp:ListView ID="DS_Test" runat="server">
        <LayoutTemplate>
            <div id="itemPlaceholderContainer" style="width:100%;">
                <div runat="server" id="itemPlaceholder"></div>
            </div>
        </LayoutTemplate>
        <ItemTemplate>
            <div style="float:left; width:189px;">
 
                <img class="hinh_phim" src=<%# "../hinh/phim/thumb/" + Eval("hinh") %> />
                <div style="text-align:left; margin:5px 0px 0px 10px;">
                <%# Eval("tensanpham") %>
                </div>
            </div>
        </ItemTemplate>
        </asp:ListView>
 
Các bạn lưu ý phần LayoutTemplate giữ nguyên tên id, đó là thiết kế giao diện và dữ liệu sẽ được đổ vào đó. Các bạn có thể tuỳ biến sao cho phù hợp. Sau đó, các bạn thêm control Datapager thiết kế như sau:
 
<asp:DataPager ID="DataPager1" QueryStringField="page" PageSize="5" PagedControlID="DS_Test" runat="server">
        <Fields>
            <asp:NumericPagerField ButtonType="Link" />
            <asp:NextPreviousPagerField ButtonType="Link" RenderNonBreakingSpacesBetweenControls="true"
            FirstPageText="Trang đầu" LastPageText ="Trang cuối" NextPageText="Tiếp theo"
             PreviousPageText="Quay lại" ShowFirstPageButton="true" ShowLastPageButton="true"
              ShowNextPageButton="true" ShowPreviousPageButton="true" />
        </Fields>
    </asp:DataPager>
 
Các  bạn có thể tạo thêm CSS để cho control được đẹp mắt hơn.
 
Tiếp theo trong phần code ASP.NET bạn tiến hành code lấy dữ liệu và đổ dữ liệu cho Listview như bình thường. Như vậy là xong rồi. Chúc các bạn thành công
Bạn thấy bài viết này như thế nào?: 
Average: 10 (4 votes)
Ảnh của Tommy Tran

Tommy owner Express Magazine

Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies

  • Skype ID: tthanhthuy

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
9 tính năng iPhone 5 nên “vay mượn” từ iPad mới

9 tính năng iPhone 5 nên “vay mượn” từ iPad mới

Kết nối 4G LTE, chip A5X hay vỏ nhôm... là những thứ iPhone thế hệ kế tiếp của Apple có thể học hỏi từ mẫu máy tính bảng iPad mới ra mắt.

Ngân hàng số Timo – Miễn phí chuyển tiền và rút tiền

Cập nhật danh sách ngân hàng miễn phí rút tiền, chuyển tiền năm 2020

Nhu cầu phổ biến của người sử dụng tài khoản và thẻ ATM ngân hàng là rút tiền và chuyển khoản. Mỗi ngân hàng có chính sách khác nhau nhưng hầu hết đều tính phí với một trong hai giao dịch trên, đặc biệt là rút tiền.

Cài đặt máy chủ DNS và Domain Controller trong Windows Server 2003

Cài đặt máy chủ DNS và Domain Controller trong Windows Server 2003

Windows Server 2003 gồm có tất cả các chức năng mà khách hàng mong đợi từ một hệ điều hành Windows Server, chẳng hạn như khả năng bảo mật, độ tin cậy, khả năng có sẵn và nâng cấp.

Công ty diệt chuột T&C

 

Diet con trung