bootstrapTable 取消 loading效果

使用showloading:false 不起效,纠结了许久写下的一种笨方法,如果有更好的解决方案,欢迎评论

$(’#table’).bootstrapTable(“hideLoading”);
$(’.fixed-table-loading’).remove();
$(’.no-records-found’).remove();

var _this = this;
        $('.no-records-found').remove();
        $('#table').bootstrapTable("hideLoading");
        $('.fixed-table-loading').remove();
        $('#table').bootstrapTable({
            url:'xxx',
            striped : true, //是否显示行间隔色
            pageNumber : 1, //初始化加载第一页
            pagination : true,//是否分页
            sidePagination : 'server',//server:服务器端分页|client:前端分页
            pageSize : 10,//单页记录数
            pageList : [],//可选择单页记录数
            showRefresh : false,//刷新按钮
            dataField: "data",
            ajaxOptions:{
                headers:{'user-id':$.cookie('user_id')}
            },
            //自定义分页字符串显示为中文
            formatShowingRows:function(pageFrom, pageTo, totalRows){
                if(_this.public_picker.language == 'en'){
                    var pagination = 'Showing '+pageFrom+' to '+pageTo+' of '+totalRows+' rows';
                }else{
                    var pagination = "第"+pageFrom+"-"+pageTo+"行,总共"+totalRows+"条"
                }
                return pagination;
            },
            //自定义分页字符串显示为中文
            formatRecordsPerPage:function(pageNumber){
                return pageNumber+'行每页';
            },
            queryParams : function(params) {//上传服务器的参数
                $('.no-records-found').remove();
                var pageNum = $('.pagination').find('.page-item.active a').text();
                pageNum = pageNum ? pageNum : 1;
                var temp = {//如果是在服务器端实现分页,limit、offset这两个参数是必须的
                    pageNum:pageNum,
                    pageSize:10,
                };
                return temp;
            },
            responseHandler:function(res){
                $('.no-records-found').remove();
                
            },
            onLoadSuccess: function(data){    
                // $('#table tbody tr').find('td:last-child').css('min-width','180px')
                $('.no-records-found').remove();
                $('.fixed-table-loading').remove();
            },
            columns : [ {
                title : 'ID',
                field : 'jobId',
            }, {
                title : $.i18n.prop('edition'),
                field : 'request_param',
                formatter:function(value, row){
                    return value.version.replace('_','.')
                }
            }, 
          
            {
                title : $.i18n.prop('CreationTime'),//创建时间
                field : 'date',
            }, 
            {
                title : $.i18n.prop('InventoryYear'),//'清单年份',
                field : 'request_param',
                formatter:function(value, row){
                    return value.year
                }
            },{
                title : $.i18n.prop('configurationInformation'),//'配置信息',
                field : 'outLine',
                formatter:function(value, row){
                    return '<button data-toggle="modal" data-target="#ListConfigurationModalLabel" data-value="'+row.jobId+'" data-type="'+row.type+'" class="btn btn-default seeTr">'+$.i18n.prop('examine')+'</a>'
                }
            }, {
                title : $.i18n.prop('state'),//'状态',
                field : 'status',
                formatter:function(value, row){
                    return $.i18n.prop(value)
                }
            },{
                title : $.i18n.prop('operation'),//'操作',
                field : 'fileLength',
                formatter:function(value, row){
                    
                }
            }]
        })
        $('#table').bootstrapTable("hideLoading");
        $('.fixed-table-loading').remove();
        $('.no-records-found').remove();

版权声明:本文为qq_37541486原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。