layui表格重载(自动刷新)

示例1.自动化渲染的重载

<!--【HTML】-->
<table class="layui-table" lay-data="{id: 'idTest'}"> …… </table>
//【JS】
table.reload('idTest', {
   url: '/api/table/search'
  ,where: {} //设定异步数据接口的额外参数
  ,page: {
            curr: 1 //重新从第 1 页开始
          }
});

示例2:方法级渲染的重载

<!--HTML-->
<table class="layui-table" lay-data="{id: 'idTest2'}"> …… </table
//所获得的 tableIns 即为当前容器的实例
var tableIns = table.render({
    elem: '#idTest2'
    ,clos: [] //设置表头
    ,url: '/api/data' //设置异步接口
    ,id: 'idTest2'
}); 
 
//这里以搜索为例
tableIns.reload({
  where: { //设定异步数据接口的额外参数,任意设
           aaaaaa: 'xxx'
           ,bbb: 'yyy'
           //…
          }
  ,page: {
           curr: 1 //重新从第 1 页开始
          }
 });
//上述方法等价于
table.reload('idTest', {
  where: { //设定异步数据接口的额外参数,任意设
          aaaaaa: 'xxx'
          ,bbb: 'yyy'
          //…
         }
  ,page: {
          curr: 1 //重新从第 1 页开始
         }
});
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值