page.js 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. //构建养护用户分页
  2. function fnPage(data){
  3. var html='<ul class="pagination pagination-sm">';
  4. if( Number(data.previousPage) === Number(0)) {
  5. html+='<li class="page-item disabled"><span class="page-link" aria-label="Previous"> <span aria-hidden="true"><i class="fal fa-chevron-left"></i></span> </span> </li>';
  6. }else{
  7. html+='<li class="page-item "> <a' +
  8. ' parameter="'+ data.parameter+'" currentPage="'+ data.previousPage +'" class="page-link" href="javascript:void(0)" aria-label="Previous"> <span aria-hidden="true"><i class="fal fa-chevron-left"></i></span> </a> </li>';
  9. }
  10. if( Number(data.currentPage)>=Number(data.pageWidth) ) {
  11. html+='<li class="page-item">'+
  12. '<a parameter="'+data.parameter+'" currentPage="1" class="page-link" href="javascript:void(0)">1</a></li><li class="page-item "><span ><span aria-hidden="true">...</span></span></li>';
  13. }
  14. for (var i = data.startPage; i <= data.endPage; i++) {
  15. if(Number(data.currentPage) === Number(i)){
  16. html+='<li class="page-item active" aria-current="page"> <span class="page-link"> ' +
  17. ''+ i +'<span class="sr-only">(current)</span> </span> </li>';
  18. }else{
  19. html+='<li class="page-item">' +
  20. ' <a parameter="'+data.parameter+'" currentPage="'+i+'" class="page-link" href="javascript:void(0)">' +
  21. ''+i+'</a> ' +
  22. '</li>';
  23. }
  24. }
  25. if( Number(data.totalPage) >Number(data.pageWidth) && Number(data.totalPage)!== Number(data.currentPage) ) {
  26. html+='<li class="page-item "><span><span aria-hidden="true">...</span></span></li>';
  27. }
  28. if( Number(data.nextPage) === Number(data.currentPage)||Number(data.totalPage)===Number(0)) {
  29. html+='<li class="page-item disabled"> <span class="page-link" aria-label="Next"> <span aria-hidden="true"><i class="fal fa-chevron-right"></i></span> </span> </li>';
  30. }else{
  31. html+='<li class="page-item"> <a ' +
  32. 'parameter="'+ data.parameter +'" currentPage="'+ data.nextPage +'" class="page-link" href="#" aria-label="Next" > <span aria-hidden="true"><i class="fal fa-chevron-right"></i></span> </a> </li>';
  33. }
  34. html+='</ul>';
  35. $('div[pageDetail]').html(html);
  36. $('div[page]').show();
  37. }