使用datatables.min.js对table进行分页处理, 5条一页, 首次登陆界面后台查询9条数据到前台正常显示分为2页, 后修改select控件, 再次调用后台查询到7条数据到前台, 前台报错, 如下图, 而且通过上一页下一页还是可以查询到9条数据, 这是怎么回事, 调试时也检查了后台传递过来的值是7条的.请各位大神帮忙看看, 是不是还有什么属性没有设置, 谢谢!
function GetList()
{
var UserName = $("#txt_keyword").val();
var selectId = $("#AccountSelect").val();
$.ajax({
type: "POST",
url: "/Backstage/SystemManage/GetUserForAjax",
data: { UserName: UserName, selectId: selectId },
success: function (result) {
html = "";
$("#tbodyDept").html(html);
if (result.State == 0 && result.Data.length > 0) {
for (var i = 0; i < result.Data.length; i++) {
html += "<tr>";
html += "<td><input type=\"checkbox\" value=\"" + result.Data[i].Id + "\" class=\"i-checks\" name=\"input[]\"></td>";
html += "<td><small>" + result.Data[i].Account + "</small></td>";
html += "<td><small>" + result.Data[i].RealName + " </small></td>";
html += "</tr>";
}
}
$("#tbodyDept").html(html);
$('.table').DataTable({
"iDisplayLength": 5,
"bFilter": false, //过滤功能
"bSort": false, //排序功能
"bLengthChange": false, //改变每页显示数据数量
"oLanguage": {
"sZeroRecords": "没有找到符合条件的数据",
"sProcessing": "<img src=’./Content/InspiniaAdmin/css/plugins/blueimp/img/loading.gif’ />",
"sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条",
"sInfoEmpty": "没有记录",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "前一页",
"sNext": "后一页",
"sLast": "尾页"
}
}
});
},
error: function () {
$("#tbodyDept").html("<tr><td colspan=\"10\"><small class=\"text-warning\">查询数据出现错误!</small></td></tr>");
}
});
}
可能描述的不太清楚, 实现过程就是通过select控件选择重新查询数据.