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

2020-10-28  本文已影响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>
上一篇下一篇

猜你喜欢

热点阅读