Phân trang bằng javascript

[Huan Vu Le]

H có nhận được câu hỏi từ bạn Ánh, tóm lượt nội dung như sau:

• Ánh code asp.net
• Khi phân trang hiện ra toàn bộ trang
• Ánh muốn dùng javascript limit lại, hiện 11 con số phần phân trang. VD: Có 20 trang, khi ở trang 1 thì hiện 1 --> 10, khi ở trang 2 hiện 2-->11, ở trang 3 là 3-->12
• Đồng thời có link về trước, xem tiếp
• Tất cả các con số có class là pager, link nào đang active thì class là pager-active

Đoạn code phân trang như sau

[Huan Vu Le]

Đây là đoạn code đáp ứng nhu cầu của Ánh

Ánh chỉ cần code asp.net thay giá trị vào currentPage là xong

File html demo: https://sites.google.com/site/aphoidap/2011/20111129_anh.html?attredirects=0&d=1

[Huan Vu Le]

Tiếp nhận thêm ý của Ánh như sau:

Cần tự sinh ra phân trang, code asp.net chỉ trả về tổng số trang mà thôi.

Đoạn code phân trang khi ấy là:

[Huan Vu Le]

Vẫn giữ code cũ, ta chỉ cần thêm phần in các con số vào là xong

Như vậy ta chỉ bổ sung

var totalPageNumber = 20;//Dùng asp.net load tổng số lượng trang vào đây

for(i = 1; i <= totalPageNumber; i++){

$('#divPage').html($('#divPage').html() + '<a href="?pageNo=' + i + '" class="pager">' + i + '</a>');

}

[Phan Huy Tứ]

Chào anh, nhờ anh giúp em bài toán này chút dc không ạ
EM có một website sản phẩm,sắp xếp trên một dòng tối da 8 sản phẩm, nếu số sản phẩm lớn hơn 8 thì nó tự động phân sang trang khác nhưng sau một khoảng thời gian nhất định thì nó tự động chuyển trang. Trong trường hợp chuyển trang chậm, người dùng có thể click để nó chuyển trang. Dùng javascript để xử lý bài toán trên, mong anh giúp em với


Vào 15:24:26 UTC+7 Thứ Ba, ngày 29 tháng 11 năm 2011, Huan Vu Le đã viết: