zoukankan      html  css  js  c++  java
  • easyui datagrid 后台返回所有数据,前台分页

    function pagerFilter(data) {

    if (typeof data.length == 'number' && typeof data.splice == 'function') { //判断数据是否是数组
    data = {
    total: data.length,
    rows: data
    }
    }
    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;
    }
    $(function () {//加载数据
    $('#id名').datagrid({loadFilter: pagerFilter}).datagrid('loadData', data);
    });
  • 相关阅读:
    JProfiler_SN_8_x key
    java格式化百分比
    获取每月第一天最后一天 java
    java 获取昨天日期
    eclipse git提交代码
    SIT与UAT的分别
    Spring <context:annotation-config/> 说明
    Hibernate日期映射类型
    Oracle查询备注信息
    Log4J入门
  • 原文地址:https://www.cnblogs.com/geqin/p/7232724.html
Copyright © 2011-2022 走看看