美文网首页
刷新Layui数据表格的当前页(刷新后仍是当前页,不是表格的第一

刷新Layui数据表格的当前页(刷新后仍是当前页,不是表格的第一

作者: 玛瑙鑫 | 来源:发表于2020-10-28 10:04 被阅读0次
    //监听“刷新”按钮
    $("#refresh").on('click', function(){
          //只重载数据,不实现条件搜索的重载
         table.reload('demoId', {//demoId是table.render()中id属性的值,如果没有设置,
                                 //layui2.2.x版本之后默认自动设置为<table>中的id属性值
             url: '/user/getPage'//这是发送给controller的请求来获取数据,
                                 //一般只需设为和table.render()中的url属性值即可
             ,page: {
                 curr: currPage,//currPage是全局变量,后面会给出它在哪里定义以及赋值
             }
         });
     });
    
    <script>
    layui.use(['table', 'treetable', 'jquery', 'form'], function () {
                 var table = layui.table;
                 var currPage = 1;//首先默认值为1,防止出错
                 table.render({
                                ...
                                ,id: 'demoId'
                                ,url: '/user/getPage' //数据接口
                                ...
                                ,done: function(res, curr, count){
                                    //如果是异步请求数据方式,res即为你接口返回的信息。
                                    /**
                                     *如果是直接赋值的方式,
                                     *res即为:{data: [], count: 99} 
                                     *data为当前页数据、count为数据总长度
                                     */
                                    console.log(res);
                    
                                    currPage = curr;//将当前页码赋值给全局变量currPage
                                    //得到当前页码
                                    console.log(curr);
                                   
                    
                                    //得到数据总量
                                    console.log(count);
                                }
                              });
             });
    </script>
    

    相关文章

      网友评论

          本文标题:刷新Layui数据表格的当前页(刷新后仍是当前页,不是表格的第一

          本文链接:https://www.haomeiwen.com/subject/fhdqvktx.html