zoukankan      html  css  js  c++  java
  • easyui datagrid 后台分页,前端如何处理


    module.exports = {
    queryMethod(){
    let params = checkQueryParams.call(this);
    if (!params) {
    return;
    }
    //ajax请求,$UPost,$UConfApi是我在项目中封装好的方法,其实就是调取后台接口,$UPost是一个promise对象,所以可以用then()方法,params是传给后台的参数
    return $UPost($UConfApi('H_Log_Operate'), params).then(result => { //es6箭头函数的写法
    if (!result || result.rows < 1) {
    return alert(“无查询结构!”);
    }
    let pager = $('#grid').datagrid('getPager');
    pager.pagination('refresh', {
    total:result.results
    });
    pager.pagination({
    onSelectPage: function (pageNum, pageSize) {
    let start = parseInt(pageNum-1)*parseInt(pageSize);
    let limit = parseInt(pageSize);
    //再次调用接口,取到新数据
    $UPost($UConfApi('H_Log_Operate'), {start:start,limit:limit}).then(result => {
    let data = result.rows;
    $('#grid').datagrid('loadData',data);
    pager.pagination('refresh', {
    total:result.results,
    pageNumber: pageNum,
    pageSize: pageSize
    });
    })

    }
    });
    })

    },
    }

    //获取参数
    function checkQueryParams() {

    let {
    LangCommon: lang,
    LangUser
    } = $ULanguage();
    let {
    starttime,
    endtime,
    accountid,
    start = 0,
    limit
    } = this;
    accountid = $('#accountid').textbox('getText');
    starttime = $("#range-time-start").val();
    endtime = $("#range-time-end").val();
    let shortName = $("#shortname").combobox('getText');
    if(!shortName){
    return $UToolAlert(LangUser.shortname_null);
    }
    if (!accountid) {
    return $UToolAlert(lang.exist);
    }
    if (!starttime || !endtime) {
    return $UToolAlert(lang.dateHint)
    }
    //分页相关内容start
        let opts = $('#grid').datagrid('options');
    let pager = $('#grid').datagrid('getPager');
        pager.pagination({
    onSelectPage: function (pageNum, pageSize) {
    opts.pageNumber = pageNum;
    opts.pageSize = pageSize;
    }
    });
    start = parseInt(opts.pageNumber-1)*parseInt(opts.pageSize);
    limit = parseInt(opts.pageSize);
    //分页相关内容end
        return {
    starttime,
    endtime,
    accountid,
    start,
    limit
    };
    }
  • 相关阅读:
    discuz 帖子模块用到的表及自动发帖函数
    【转】php json_encode中文为空的解决办法
    linux自定义脚本添加到rc.local脚本无法正常运行的问题
    【转】实战 SSH 端口转发
    linux shell脚本守护进程监控svn服务
    解决ecshop登陆自动退出的莫名现象
    windows下不打开浏览器访问网页的方法
    【转】windows下安装和调用curl的方法
    调用discuz编辑器发布帖子显示html代码的解决办法
    linux下搭建svn版本控制软件
  • 原文地址:https://www.cnblogs.com/geqin/p/7232753.html
Copyright © 2011-2022 走看看