Echarts实战案例代码(21):front-endPage的CJJTable前端分页插件ajax分页异步加载数据的解决方案

在这里插入图片描述
场景需求:layui弹出模态框,显示数据记录。
解决方案:选择layui table组件laypages应该是比较无缝的对接,但是laypages组件的翻页需要后台参数的配合。由于后台权限不在自己手中,选择了CJJTable前端分页插件。
代码展示:

    //执行数据读取;
    $.ajax({
        type: 'post',
        async: true,
        data: {limitNum: 100},
        url: './api/api.php?act=getCityRank&token=3cab7ce4142608c0f40c785b5ab5ca24',
        dataType: "json",
        success: function (res) {
            getTables(res.data);
        },
        error: function (err) {
            console.log(err + "请求数据失败!");
        }
    });

    //渲染表格;
    function getTables(data) {
        $('#dataTables').CJJTable({
            'title': ["站点Id", "站点名称", "交易额"],//thead中的标题 必填
            'body': ["uniacid", "name", "totalPays"],//tbody td 取值的字段 必填
            'display': [1, 1, 1],//隐藏域,1显示,2隐藏 必填
            'pageNUmber': 15,//每页显示的条数 选填
            'pageLength': data.length,//选填
            'url': data,//数据源 必填
        });
    }

Done!

©️2020 CSDN 皮肤主题: 精致技术 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值