使用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版权协议,转载请附上原文出处链接和本声明。