未显示DataTables加载消息
我在这件事上没有其他的答案,所以我来了。我用一些MySQL数据填充表,在数据准备好显示之前,它不会被绘制出来,而且由于数据需要花费时间,我希望弹出一条消息。这是完整的代码 函数getData(startDate,endDate){ $.ajax({ url:“/getData”, 键入:“post”, contentType:“应用程序/json”, processData:false, 数据类型:“json”, 数据:JSON.stringify({startDate:startDate,endDate:endDate}), 完成:函数(数据){ $(“#脱机”).dataTable({ “aaData”:data.responseJSON[0], “bProcessing”:正确, “列”:[ {“sWidth”:“25%”,“sTitle”:“Myfield1”,“mDataProp”:“field1”}, {“sWidth”:“25%”,“sTitle”:“Myfield2”,“mDataProp”:“field2”}, {“sWidth”:“25%”,“sTitle”:“Myfield3”,“mDataProp”:“field3”}, {“sWidth”:“25%”,“sTitle”:“Myfield4”,“mDataProp”:“field4”, “mRender”:函数(数据、类型、完整){ 返回数据+'%'; } } ], “语言”:{ “sUrl”:“/javascripts/i18n/dataTables.modified.json” }, “aaSorting”:[[0,“desc”]], “bSort”:错误, “bInfo”:假, “bPaginate”:错误, “bFilter”:错误 }); } }); } 就我所读到的内容而言,我需要将未显示DataTables加载消息,datatables,jquery-datatables,Datatables,Jquery Datatables,我在这件事上没有其他的答案,所以我来了。我用一些MySQL数据填充表,在数据准备好显示之前,它不会被绘制出来,而且由于数据需要花费时间,我希望弹出一条消息。这是完整的代码 函数getData(startDate,endDate){ $.ajax({ url:“/getData”, 键入:“post”, contentType:“应用程序/json”, processData:false, 数据类型:“json”, 数据:JSON.stringify({startDate:startDate,en
b处理
设置为true,并使用sDom
参数执行一些操作,但我无法使其正常工作
谢谢。我认为没有显示处理消息,因为在初始化datatable(在ajax“complete”回调中)时,数据已经加载,因此不需要显示处理消息。如果首先初始化datatable并使用sAjaxSource加载数据,它将按预期工作:
var oTable = $("#offline").dataTable({
'bServerSide': true,
'fnServerParams': function (aoData) {
aoData.push({ "name": "startDate", "value": $('#startDate').val() });
aoData.push({ "name": "endDate", "value": $('#endDate').val() });
},
'sAjaxSource': "/getData",
'bProcessing': true,
"aoColumns": [
{ "sWidth": "25%","sTitle": "Myfield1", "mDataProp": "field1"},
{ "sWidth": "25%","sTitle": "Myfield2", "mDataProp": "field2"},
{ "sWidth": "25%","sTitle": "Myfield3", "mDataProp": "field3"},
{ "sWidth": "25%","sTitle": "Myfield4", "mDataProp": "field4",
"mRender": function ( data, type, full ) {
return data + ' %';
}
}
],
"oLanguage": {
"sUrl": "/javascripts/i18n/dataTables.modified.json"
},
"aaSorting": [[ 0, "desc" ]],
"bSort": false,
"bInfo" : false,
"bPaginate": false,
"bFilter": false
});
请注意,我正在使用
fnServerParams
传递开始和结束日期参数,但您也可以将它们添加到url的末尾:/getData?startDate=
。我认为处理消息没有显示,因为在初始化datatable时(在ajax“complete”回调中),数据已加载,因此无需显示处理消息。如果首先初始化datatable并使用sAjaxSource加载数据,它将按预期工作:
var oTable = $("#offline").dataTable({
'bServerSide': true,
'fnServerParams': function (aoData) {
aoData.push({ "name": "startDate", "value": $('#startDate').val() });
aoData.push({ "name": "endDate", "value": $('#endDate').val() });
},
'sAjaxSource': "/getData",
'bProcessing': true,
"aoColumns": [
{ "sWidth": "25%","sTitle": "Myfield1", "mDataProp": "field1"},
{ "sWidth": "25%","sTitle": "Myfield2", "mDataProp": "field2"},
{ "sWidth": "25%","sTitle": "Myfield3", "mDataProp": "field3"},
{ "sWidth": "25%","sTitle": "Myfield4", "mDataProp": "field4",
"mRender": function ( data, type, full ) {
return data + ' %';
}
}
],
"oLanguage": {
"sUrl": "/javascripts/i18n/dataTables.modified.json"
},
"aaSorting": [[ 0, "desc" ]],
"bSort": false,
"bInfo" : false,
"bPaginate": false,
"bFilter": false
});
请注意,我正在使用
fnServerParams
传递开始和结束日期参数,但您也可以将它们添加到url的末尾:/getData?startDate=
。还有一件事需要注意……您必须将dom代码“r”包含到datatables创建脚本中
dom: "r",
processing: true,
还有一件事需要注意……您必须在datatables创建脚本中包含dom代码“r”
dom: "r",
processing: true,
谢谢你,马克。但是这个调用抛出了一个404错误。我不明白,因为url确实存在。有什么想法吗?你试过使用完整的url而不是仅仅使用
/getData
?同样,datatables弹出警告错误,你能浏览到url吗?不知道如何回答。我在一条node.js
/express
模块化路线上。此路由有两个.jade
文件和一个index.js
文件。在.js
文件中,我有我所有的app.get
和app.post
,其中一个是app.post('/getData',function(req,res){…})代码>如何浏览?谢谢Mark。但是这个调用抛出了一个404错误。我不明白,因为url确实存在。有什么想法吗?你试过使用完整的url而不是仅仅使用/getData
?同样,datatables弹出警告错误,你能浏览到url吗?不知道如何回答。我在一条node.js
/express
模块化路线上。此路由有两个.jade
文件和一个index.js
文件。在.js
文件中,我有我所有的app.get
和app.post
,其中一个是app.post('/getData',function(req,res){…})代码>如何浏览那里?