table无法翻页

提问 已结 6 95
Kyle19
Kyle19 2019-8-15
悬赏:20飞吻
版本:layui 浏览器:
[可怜]
有大佬可以说下为什么直接用事例中的代码,配合table文档中的json文件不能实现翻页效果吗?所有表格数据都显示在同一页中。其他页也是重复的数据表格。弄了好久都不能实现翻页。希望有大佬帮帮忙,复制段可以翻页的代码给我做下案例。
回帖
  • 旺田
    2019-8-15

    需要处理一下接收的json的,你加一下这段代码
    , parseData: function (res) { //res 即为原始返回的数据
    if (this.page.curr) {
    var result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
    } else {
    var result = res.data.slice(0, this.limit);
    }
    return {
    "code": res.code,
    "msg": "",
    "count": res.data.length,
    "data": result
    };
    }
    1 回复
  • saiomeil
    2019-8-15
    亲,麻烦贴下代码。你猜我猜不猜呢。。。
    0 回复
  • Kyle19
    2019-8-15
    @saiomeil
    layuui文档网址https://www.layui.com/doc/modules/laypage.html
    代码是
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="layui/layui/css/layui.css" media="all">
    </head>
    <body>


    <table id="demo" lay-filter="test"></table>


    <script src="layui/layui/layui.js" charset="utf-8"></script>
    <script>
    layui.use(['table','laypage'], function(){
    var table = layui.table,
    laypage = layui.laypage;

    //第一个实例
    table.render({
    elem: '#demo'
    ,height: 312
    ,url: 'json/report.json' //数据接口
    ,page: true //开启分页
    ,cols: [[ //表头
    {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
    ,{field: 'username', title: '用户名', width:80}
    ,{field: 'sex', title: '性别', width:80, sort: true}
    ,{field: 'city', title: '城市', width:80}
    ,{field: 'sign', title: '签名', width: 177}
    ,{field: 'experience', title: '积分', width: 80, sort: true}
    ,{field: 'score', title: '评分', width: 80, sort: true}
    ,{field: 'classify', title: '职业', width: 80}
    ,{field: 'wealth', title: '财富', width: 135, sort: true}
    ]]
    });
    //执行一个laypage实例
    laypage.render({
    elem: 'demo' //注意,这里的 test1 是 ID,不用加 # 号
    ,count: 29,
    limit:10//数据总数,从服务端得到
    });
    });
    </script>
    </body>
    </html>
    json文件也是使用layui的https://www.layui.com/demo/table/user/?page=1&limit=30
    js文件和CSS文件都更换为自己的了
    0 回复
  • 翻页要在后台实现,我用php后台是这样写的

    $page=$_GET['page'];

    //-------分页开始-------
    $count = "select * from custom";
    $result = mysql_query($count);
    $num = mysql_num_rows($result);
    $limit=$_GET['limit'];
    $offset=($page-1)*$limit; //偏移量

    //--------分页结束-------
    $result=mysql_query($sql,$conn);
    $sql="select * from custom limit ".$offset.','.$limit;
    $check_quary = mysql_query($sql);
    0 回复
  • mpf
    2019-8-15
    您好,解决了吗
    0 回复
  • saiomeil
    2019-8-16
    完全没有办法查看你遇到的问题。我走。。。。。。。。
    0 回复