layui table.reload 数据重载遇到的问题

最新推荐文章于 2024-08-31 02:09:17 发布

追x

最新推荐文章于 2024-08-31 02:09:17 发布

阅读量7.6k

点赞数 3

分类专栏：使用layui遇到的问题文章标签： layui javascript

本文链接：https://blog.csdn.net/shunyache3481/article/details/119951627

版权

在使用layui时遇到table.reload数据重载无效的问题，分析发现虽然reload方法被调用并传递参数，但后续请求未携带参数导致未能实现预期的重载效果。通过调整为类似ajax的异步刷新方式，解决了问题。在HTML按钮中设置type属性也被认为是解决问题的关键。

摘要由CSDN通过智能技术生成

layui官方提供重载的代码是这样的：

var $ = layui.$, active = {
    reload: function(){
      var demoReload = $('#demoReload');
      
      //执行重载
      table.reload('testReload', {
        page: {
          curr: 1 //重新从第 1 页开始
        }
        ,where: {
          key: {
            id: demoReload.val()
          }
        }
      });
    }
  };
  
  $('.demoTable .layui-btn').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });

把代码复制到本地进行测试：

layui.use('table', function(){
          var table = layui.table;
          table.render({
              elem: '#role'
              ,url:'/oaManageSystem/manager/getAllRoleInformation'
              ,toolbar: '#operate' //开启头部工具栏，并为其绑定左侧模板
              ,even: true
              ,id: 'roleList'
              ,cols: [