Loading
0

layui的datatable翻页相关

一个自定义翻页时弹层显示消息的例子:

     index = layer.msg('正在加载数据...');
  
     window.pageLoading = function (that) {
          // let disa = $(this).hasClass('layui-disabled');
          // if (disa) {
            //     return false;
          // }
          index = layer.msg('正在加载数据...', {time: 100000});
      };

     form.on('submit(user-query)', function (data) {
            //index = layer.msg('正在加载数据...');
            table.reload('user-table', {
                where: data.field,
                page: {
                    curr: 1
                }
            })
            return false;
        });

     table.render({
            elem: '#user-table',
            url: MODULE_PATH + '/list',
            page: true,
            cols: cols,
            autoSort: true,
            even: true,
            toolbar: '#user-toolbar',
            where: {
                "beginDate": [[${defaultTime}]],
                "endDate": [[${defaultTime}]]
            },
            defaultToolbar: [{
                title: '刷新',
                layEvent: 'refresh',
                icon: 'layui-icon-refresh',
            }, 'filter', 'print', 'exports'],
            done: function (res, curr, count) {
                layer.close(index);
                $('.layui-laypage > a').each(
                     function () {
                         $(this).attr('onclick', "pageLoading(this)");
                     }
                 )
            }
        });
        
        layer.msg('正在加载数据...', {time: 100000});

最后编辑于:2022/6/24作者: 编程小战

我不入地狱,谁入地狱?

暂无评论

发表评论