1
0

bootstrap-paginator-ext.js 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. var cpage = 1; // 当前页面号
  2. var tpage = 10; // 总页面数
  3. // 获取新闻评论评论
  4. function showPageList(page,url,tableId,paginationId,rows) {
  5. $.ajax({
  6. type: "get",
  7. data: {},
  8. async: "false",
  9. url: url.replace("pageNum", page),
  10. success: function (info) {
  11. changeModel(info); // 更新局部页面
  12. var totalpage = Math.ceil(info.total/rows);
  13. if(totalpage == 0) totalpage = 1;
  14. var curtpage = page;
  15. if (curtpage && totalpage) {
  16. cpage = curtpage;
  17. tpage = totalpage;
  18. }
  19. showPagination(page, tpage, url, tableId, paginationId); //显示评论
  20. },
  21. error: function () {
  22. alert("加载失败!请稍后重试!");
  23. }
  24. });
  25. }
  26. /* curreentpage: 当前页面号; tpage: 总的页面数 */
  27. //显示新闻评论
  28. function showPagination(currentPage, totalPages, url, tableId, paginationId) {
  29. var options = {
  30. bootstrapMajorVersion: 3,
  31. currentPage: currentPage, //当前页面
  32. numberOfPages: 10,//一页显示几个按钮(在ul里面生成5个li)
  33. totalPages: totalPages, //总页数
  34. itemTexts: function (type, page, current) {
  35. switch (type) {
  36. case "first":
  37. return "首页";
  38. case "prev":
  39. return "上一页";
  40. case "next":
  41. return "下一页";
  42. case "last":
  43. return "末页";
  44. case "page":
  45. return page;
  46. }
  47. },
  48. onPageClicked: function(e,originalEvent,type,page){
  49. e.stopImmediatePropagation();
  50. var currentTarget = $(e.currentTarget);
  51. var pages = currentTarget.bootstrapPaginator("getPages");
  52. // Ajax calling
  53. showPageList(page,url,tableId,paginationId);
  54. currentTarget.bootstrapPaginator("show",page);
  55. //updatePagesInfo($("#totalRecord").val(), page);
  56. },
  57. pageUrl: function(type, page, current){
  58. return tableId; //点击页码后,定位到锚点tableId的位置
  59. //return "#";
  60. }
  61. }
  62. $(paginationId).bootstrapPaginator(options);
  63. }