我知道这很旧,但可能对其他人有帮助。由于它只是一个 ajax 调用,因此您可以使用“beforeSend”和“complete”函数来显示和隐藏加载程序。
Here is an example (btw I'm using this library for the loading - https://gasparesganga.com/labs/jquery-loading-overlay/ https://gasparesganga.com/labs/jquery-loading-overlay/) -
$(document).ready(function () {
var table = $('#myTable').DataTable({
fixedHeader: true,
pagingType: "full_numbers",
header: "jqueryui",
pageButton: "bootstrap",
responsive: true,
colReorder: true,
scrollY: 200,
deferRender: true,
proccessing: true,
serverSide: true,
ajax: {
url: "PropertyLimitOverride",
type: 'POST',
headers: { 'RequestVerificationToken': $('@Html.AntiForgeryToken()').val() },
beforeSend: function () {
$("#listCard").LoadingOverlay("show", {
background: "rgba(1, 56, 63, 0.5)"
});
},
complete: function () {
$("#listCard").LoadingOverlay("hide");
},
},
columnDefs: [
{
"name": "Added",
"data": "added",
"targets": 0,
"render": function (data, type, row, meta) {
return new Date(Date.parse(data)).toLocaleDateString("en-GB");
},
},
{
"name": "Address",
"data": "address",
"targets": 1,
},
{
"name": "Limit",
"data": "limit",
"targets": 2
},
{
"name": "EndDate",
"data": "endDate",
"targets": 3,
"render": function (data, type, row, meta) {
return new Date(Date.parse(data)).toLocaleDateString("en-GB");
}
},
{
"targets": -1,
"data": null,
"render": function (data, type, row, meta) {
return '<a href="/customers/edit/' + row.uprn + '">Edit</a> | <button>Delete</button>';
},
"sortable": false
},
],
order: [[0, "desc"]],
drawCallback: function () {
$('.page-item').removeClass('paginate_button');
}
});