我想添加一个简单的加载效果之前,分页链接被点击,并关闭加载页面后,表被重新绘制。我试了几种方法,但效果不是很好。我甚至尝试过jQuery.bind-first插件。没有效果。请帮帮忙。提前谢谢。
下面是我的代码。
var idCredit = (parseInt($.getUrlVar('idCredit'))).toString();
$("#idCredit").val(idCredit);
var oTable = $('#companyInfoConnectionGrid').dataTable({
"bProcessing": false,
"sScrollX":"100%",
"bJQueryUI": true,
"bFilter": false,
"bInfo": false,
//"sScrollY": 420,
"bSort": true,
"bDestroy":true,
"iDisplayLength":10,
//"aaSorting": [[ 2, "desc" ]],
"sScrollXInner": "100%",
"sPaginationType": "full_numbers",
"sAjaxSource":"queryCompanyInfoCreditAssociation",
"bSort": false,
"bServerSide":true,
"bLengthChange":false,
"fnServerData":retrieveData,
"fnDrawCallback": function( settings ) {
window.top.Comm.stopPageLoading();
},
//"sColumns":["id","productCode","name",connectionType,grantQuota,approvalAmount,status,result,reason,edate],
"aoColumns": [
{ "mDataProp": "id",
render:function(data,type,row,meta) {
var workflow = row.workflow=="" ? 0 : row.workflow;
var a = '<a href="javascript:this.parent.parent.queryAuditNavigate('+data+',' + workflow + ')">'+data+'</a>'
return a;
}
},
{ "mDataProp": "productCode",
render:function(data,type,row,meta) {
if(""===data || null === data){
return "-"
}
return data;
} },
{ "mDataProp": "name",
render:function(data,type,row,meta) {
if(""===data || null === data){
return "-"
}
return data;
} },
{ "mDataProp": "companyName",
render:function(data,type,row,meta) {
if(""===data || null === data){
return "-"
}
return data;
} },
{ "mDataProp": "connectionType",
render:function(data,type,row,meta) {
if(""===data || null === data){
return "-"
}
return data;
} },
{ "mDataProp": "grantQuota",
render:function(data,type,row,meta) {
if(""===data || null === data){
return "-"
}
return data;
}
},
{ "mDataProp": "approvalAmount",
render:function(data,type,row,meta) {
if(""===data || null === data){
return "-"
}
return data;
}
},
{ "mDataProp": "status"
},
{ "mDataProp": "result",
render:function(data,type,row,meta) {
if(""===data || null === data){
return "-"
}
return data;
}
},
{ "mDataProp": "reason",
render:function(data,type,row,meta) {
if(""===data || null === data){
return "-"
}
return data;
}
},
{ "mDataProp": "edate",
render:function(data,type,row,meta) {
if(""===data || null === data){
return "-"
}
return data;
} },
{ "mDataProp": "overdueSign",
render:function(data,type,row,meta) {
if(""===data || null === data){
return "-"
}
return data;
} },
{ "mDataProp": "detail"
}
]
}
});
$("#companyInfoConnectionGrid_paginate").onFirst("click", "a", function() {
debugger;
window.top.Comm.startPageLoading();
});
发布于 2017-03-11 22:14:10
使用bProcessing: true
。
bProcessing
在处理表格(如排序)时,启用或禁用‘正在处理’指示符的显示。这对于包含大量数据的表特别有用,在这些表中,对条目进行排序可能需要很长的时间。
如果要更改默认消息,请使用oLanguage.sProcessing
选项:
"oLanguage": {
"sProcessing": "DataTables is currently busy"
}
https://stackoverflow.com/questions/42695621
复制相似问题