zoukankan      html  css  js  c++  java
  • easyui 在js中对后台返回的datagrid的数据进行分页

    $('#content').datagrid({
      data:data,
      columns:columnsArr,
      rownumbers:true,
      pagination: true,
      pageNumber: 1,
      pageSize: 10,
      pageList: [10,20,50,100],
      fitColumns: false,
      autoRowHeight:false,
      loadFilter : function(data){
      //过滤数据
      var value={
        total:data.total,
        rows:[]
      };
      let dg = $(this);
      let opts = dg.datagrid('options');
      let pager = dg.datagrid('getPager');
      pager.pagination({
        beforePageText: "页",
        afterPageText: "页,共{pages}页",
        displayMsg: "显示{from}到{to},共{total}条记录",
        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);
        }
        let start = (opts.pageNumber - 1) * parseInt(opts.pageSize);
        let end = start + parseInt(opts.pageSize);
        data.rows = (data.originalRows.slice(start, end));
        return data;
      },
    });

  • 相关阅读:
    Serverless Kubernetes入门:对kubernetes做减法
    Quick BI的宝藏工具——交叉表
    Quick BI的SQL传参建模可以用在什么场景
    Quick BI支持哪些数据源(配置操作篇)
    注册 asp.net IIS
    js Date 生成某年某月的天数
    IOC AOP 设计模式
    stuff for xml path
    使用Sencha Cmd创建脚本框架
    Extjs Ext.TreePanel
  • 原文地址:https://www.cnblogs.com/lyw0826/p/14355849.html
Copyright © 2011-2022 走看看