Chào mừng đến với site của Bee! Chúc các bạn có những giây phút thực sự vui vẻ!!!

Thứ Bảy, 25 tháng 5, 2013

Phân trang trong JSP sử dụng thư viện có sẵn

Ở bài viết này mình sẽ hướng dẫn các bạn cách phân trang trong JSP sử dụng các thư viện được chia sẻ sẵn.
Ở topic này có sử dụng:

  • Webserver : Apache Tomcat 7.0.27.0
  • Netbeans 7.2
  • Thư viện: pagertag.jar
Đầu tiên là tạo 1 Web Application mới (đặt tên là gì tuỳ bạn). Sau đó import thư viện pagertag.jar,copy file taglib139.tld vào folder WEB-INF. Cấu trúc project như sau:

http://diendan.gzone.vn/attachments/15/

 Sửa file index.jsp như sau:

HTML:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="/WEB-INF/taglib139.tld" prefix="pg" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <pg:paging>
            <table border="1">
                <%
                    for (int i = 1; i <= 100; i++) {
                %> 
                <pg:item> 
                    <tr>
                        <td>
                            Item <%=i%> ...  <br />
                        </td>
                    </tr>
                </pg:item> 
                <%    }
                %> 
            </table>
            <pg:index>
                <pg:page><%=thisPage%></pg:page>
            </pg:index>
        </pg:paging>
    </body>
</html>
Bao trùm nội dung khu vực cần phân trang bằng thẻ <pg: paging></pg: paging> ,nội dung bao quanh bằng thẻ <pg:item>. Thẻ <pg:index> và <pg: page> dùng để hiện thị số trang. CÓ thể tuỳ chỉnh theo template cho đẹp mắt.
Mặc định sẽ hiển thị 20 item trên 1 page. Các bạn có thể thay đổi theo ý muốn bằng cách thêm thuộc tính pageSize="xx" trong thẻ <pg: paging>.
Chạy thử trang web, layout
http://diendan.gzone.vn/attachments/16/
Download lib tại đây                                                                    Nguồn: diendan.gzone.vn

Không có nhận xét nào: