easyui实现前端分页

      1. table添加两个属性
        1. pagination:true,
        2. pageSize :20,
      2. datagrid添加属性
        1.  loadFilter    : partPurchasePagerFilter
      3. datagrid属性的值(拦截方法实现)
        1.     
          function partPurchasePagerFilter(data) { 
              if (typeof data.length == 'number' && typeof data.splice == 'function') { 
                  data = { 
                       total: data.length, 
                      rows: data 
                  } 
              } 
              var dg = $(this); 
              var opts = dg.datagrid('options'); 
              var pager = dg.datagrid('getPager'); 
              pager.pagination({ 
                  onSelectPage: function (pageNum, pageSize) { 
                      opts.pageNumber = pageNum; 
                      opts.pageSize = pageSize; 
                      pager.pagination('refresh', { 
                           pageNumber: pageNum, 
                           pageSize: pageSize 
                      }); 
                      dg.datagrid('loadData', data); 
                  } 
              }); 
              if (!data.originalRows) { 
                  data.originalRows = (data.rows); 
              } 
              var start = (opts.pageNumber - 1) * parseInt(opts.pageSize); 
              var end = start + parseInt(opts.pageSize); 
              data.rows = (data.originalRows.slice(start, end)); 
              return data; 
          }

posted @ 2020-08-28 15:14  懂得归零  阅读(237)  评论(0编辑  收藏  举报