以下是HTML代码:
<table id="myTable" class="dTable1 contentList table table-bordered" style="z-index: 2; ">
<thead id="tableHeader">
<tr id="headerRow">
<th>Time</th>
<th>Event</th>
<th>Description</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
我正在使用以下JavaScript代码初始化弹出窗口中的表:
showHistory = function (contentID) {
debugger;
var auditRes;
//var oTable = $('#AuditListtable').dataTable();
//oTable.fnDestroy();
//alert("outside");
$('#AuditListtable').dataTable({
"sAjaxSource":SERVERURL?contentId=' + contentID,
"aoColumns": [
{ "mData": "AccessDate" },
{
"mData": "EventDescription",
"bSortable": false
},
{
"mData": "IPAddress",
"bSortable": false,
"mRender": function (data, type, row) {
debugger;
return '<td> <span title="' + data + '">Played By: ' + row.FirstName + ', IP Address: ' + data + '</span></td>';
}
}
],
"paging": true,
"sDom": '<"top"p<"clear">>rt',
"sPaginationType": "full_numbers",
"searching": false,
"bFilter": false,
"processing": true,
"bServerSide": true,
"order":true,
"sServerMethod": "POST",
"bAutoWidth": false,
"iDisplayLength": 8
});
$('#historyPopup').modal('show');
}
弹出数据将填充。目前我们共有9条记录,但分页显示为5页。单击另一页后,它会显示上一条记录。表格未刷新。
答案 0 :(得分:0)
您已使用"bServerSide": true
启用了服务器端处理。很可能您的回答不正确。
如果您确实需要服务器端处理,那么您的响应应该是:
{
"sEcho": 1,
"iTotalRecords": 9,
"iTotalDisplayRecords": 9,
"aaData": [
// ... skipped ...
]
}
其中sEcho
应具有请求中sEcho
参数的值,iTotalRecords
是过滤前所有记录的数量,iTotalDisplayRecords
}是过滤后的所有记录的数量。
有关详细信息,请参阅server-side processing。