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;
      },
    });

  • 相关阅读:
    Selenium WebDriver 中鼠标和键盘事件分析及扩展
    Windows Mobile 常用键值VK对应表
    application.yml
    示例
    秒懂HTTPS接口(实现篇)
    秒懂HTTPS接口(接口测试篇)
    秒懂HTTPS接口(原理篇)
    SpringBoot全局捕获异常示例
    官方文档
    Python基础02——控制流
  • 原文地址:https://www.cnblogs.com/lyw0826/p/14355849.html
Copyright © 2011-2022 走看看