layui 的表格重载 ,分页


需求:

layui 的表格重载 ,分页_第1张图片

layui 的表格重载 ,分页_第2张图片

进入页面后,表格能展示数据,想要加筛选条件  来重新渲染表格数据。

点击筛选的条件后 重新渲染表格数据 


一、前提 : 一进入页面能展示表格数据

二、筛选

HTML:


js:

document.getElementById('statusSelect').addEventListener('change', function() {
  
  var status = this.value;


  table.reload('demo', {

      elem: '#demo'
      ,url: 'xxx.com/'  //你自己的接口
      ,where: { //设定异步数据接口的额外参数,任意设
        status: status
      }
  // 分页操作在后端进行 然后前端开启了layui 的分页就会自动分页
  }); //只重载数据

  });

上面 的where 为筛选的条件 。

1.分页:

 筛选之后的表格数据 。从后端返回的数据 需要分页 前端分页才能正常 。


总结

提示:直要从新渲染表格数据的都是 表格重载 (个人理解)。 都能按照table.reload  来。

你可能感兴趣的:(layui,前端,javascript)