layui数据表格显示加载等待进度

示例代码:

layui.use([ 'form', 'table'], function() {
    var table = layui.table, form = layui.form, $ = layui.$;
    var index = layer.load(1);
    table.render({
        elem: '#tableData',
        url: basePath + '/mainTab/selectDataByType?breakRawType=' + $("#breakRawType").val() + "&ah=" + $("#ah").val() + "&wfzt=" + $("#wfzt").val(),
        request: {
            pageName: 'page', //页码的参数名称,默认:page
            limitName: 'rows' //每页数据量的参数名,默认:limit
        },
//          cellMinWidth: 100,
        cols : [[  // 表头
            {
                field : 'ah',
                title : '案号',
                align : 'center',
                width : '23%',
                event : 'seeDetail',
                style: 'cursor: pointer;color:#0000CC;',
                sort : true
            },{
                field : 'wfzt',
                title : '违法主体',
                width : '20%',
                align : "center"
//              sort : true
            }]],
        skin: 'row', //表格风格
        even: true, //隔行背景
        page :true,
        limits: [30, 50, 100], //显示
        limit: 30, //每页默认显示的数量
        id:'tableReload',
        done : function(res, curr, count){
                //太长title 提示
                $("tr td").hover(function() {
                    $(this).attr("title", $(this).text());
                }, function() {
                    $(this).removeAttr("title");
                });
            layer.close(index);    //返回数据关闭loading
        }
    });
});

主要添加:

var index = layer.load(1); 
,done:function (res) {   //返回数据执行回调函数
   layer.close(index);    //返回数据关闭loading
}

⚠️附:
通过方法添加的加载进度条展示,参考代码如下:

function showLoad() {
   return layer.msg('拼命执行中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: 'auto', time:100000});   
}
    
function closeLoad(index) {
   layer.close(index);     
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 我们的一生,就是不断分离的一生。 呱呱落地的那一瞬间前,一个初生婴儿已遭遇过了第一个无比痛苦的分离——离开了妈妈无...
    Molly_zhang阅读 186评论 0 0
  • 十七岁的王俊凯 再见! 十八岁的王俊凯 你好! 喜欢你的第201天 十八岁生日的第一天 繁花荼蘼 氤氲如许 心怀火...
    一只k喵的cc阅读 211评论 0 0
  • 今天是公历2018年5月24日,星期四,J阴历戊戌年四月初十,丙辰日空亡子丑廿八星宿奎木狼。 今日宜忌: ...
    太阳金灿灿阅读 238评论 0 0
  • 严重的焦虑与烦躁已经失去理智, 计时器上的秒表每跳动一下心紧揪一次, 结束的比赛早已提不起关注的兴趣, 寥寥草草回...
    咸鱼梦阅读 419评论 26 11