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);     
}
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,496评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,407评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,632评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,180评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,198评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,165评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,052评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,910评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,324评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,542评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,711评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,424评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,017评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,668评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,823评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,722评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,611评论 2 353

推荐阅读更多精彩内容

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