提交

MrShi

2025-07-04 82d483406921aa92b6ce3a1af5d17d80ccb78256

 web/js/zxf_page.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,106 @@
(function($){
   var zp = {
      init:function(obj,pageinit){
         return (function(){
            zp.addhtml(obj,pageinit);
            zp.bindEvent(obj,pageinit);
         }());
      },
      addhtml:function(obj,pageinit){
         return (function(){
            obj.empty();
            obj.append('<span>'+'总共'+'<b>'+ pageinit.total +'</b>'+'条数据'+'</span>');
            /*上一页*/
            if (pageinit.current > 1) {
               obj.append('<a href="javascript:;" class="prebtn">上一页</a>');
            } else{
               obj.remove('.prevPage');
               obj.append('<span class="disabled">上一页</span>');
            }
            /*中间页*/
            if (pageinit.current >4 && pageinit.pageNum > 4) {
               obj.append('<a href="javascript:;" class="zxfPagenum">'+1+'</a>');
               obj.append('<a href="javascript:;" class="zxfPagenum">'+2+'</a>');
               obj.append('<span>...</span>');
            }
            if (pageinit.current >4 && pageinit.current <= pageinit.pageNum-5) {
               var start  = pageinit.current - 2,end = pageinit.current + 2;
            }else if(pageinit.current >4 && pageinit.current > pageinit.pageNum-5){
               var start  = pageinit.pageNum - 4,end = pageinit.pageNum;
            }else{
               var start = 1,end = 9;
            }
            for (;start <= end;start++) {
               if (start <= pageinit.pageNum && start >=1) {
                  if (start == pageinit.current) {
                     obj.append('<span class="current">'+ start +'</span>');
                  } else if(start == pageinit.current+1){
                     obj.append('<a href="javascript:;" class="zxfPagenum nextpage">'+ start +'</a>');
                  }else{
                     obj.append('<a href="javascript:;" class="zxfPagenum">'+ start +'</a>');
                  }
               }
            }
            if (end < pageinit.pageNum) {
               obj.append('<span>...</span>');
            }
            /*下一页*/
            if (pageinit.current >= pageinit.pageNum) {
               obj.remove('.nextbtn');
               obj.append('<span class="disabled">下一页</span>');
            } else{
               obj.append('<a href="javascript:;" class="nextbtn">下一页</a>');
            }
            /*尾部*/
            // obj.append('<span>'+'共'+'<b>'+pageinit.pageNum+'</b>'+'页，'+'</span>');
            obj.append('<span>'+'到第'+'<input type="number" class="zxfinput" value="1"/>'+'页'+'</span>');
            obj.append('<span class="zxfokbtn">'+'确定'+'</span>');
         }());
      },
      bindEvent:function(obj,pageinit){
         return (function(){
            obj.on("click","a.prebtn",function(){
               var cur = parseInt(obj.children("span.current").text());
               var current = $.extend(pageinit, {"current":cur-1});
               zp.addhtml(obj,current);
               if (typeof(pageinit.backfun)=="function") {
                  pageinit.backfun(current);
               }
            });
            obj.on("click","a.zxfPagenum",function(){
               var cur = parseInt($(this).text());
               var current = $.extend(pageinit, {"current":cur});
               zp.addhtml(obj,current);
               if (typeof(pageinit.backfun)=="function") {
                  pageinit.backfun(current);
               }
            });
            obj.on("click","a.nextbtn",function(){
               var cur = parseInt(obj.children("span.current").text());
               var current = $.extend(pageinit, {"current":cur+1});
               zp.addhtml(obj,current);
               if (typeof(pageinit.backfun)=="function") {
                  pageinit.backfun(current);
               }
            });
            obj.on("click","span.zxfokbtn",function(){
               var cur = parseInt($("input.zxfinput").val());
               var current = $.extend(pageinit, {"current":cur});
               zp.addhtml(obj,{"current":cur,"pageNum":pageinit.pageNum});
               if (typeof(pageinit.backfun)=="function") {
                  pageinit.backfun(current);
               }
            });
         }());
      }
   }
   $.fn.createPage = function(options){
      var pageinit = $.extend({
         pageNum : 1,
         current : 1,
         total: 0,
         backfun : function(){}
      },options);
      zp.init(this,pageinit);
   }
}(jQuery));