dataTable后台分页进入页面时不显示数据
突然有需求,进入页面时不显示数据,根据选择输入的条件来查询并显示数据,但是datatable默认是自动查询数据,经过尝试发现很简单
第一步 将原来的初始化方法进行封装
var dataTable;
function jiazai() {
dataTable = $('#myTable').DataTable({
"ajax": {
url: "你的路径",
type: "post",
cache: false,
"error": function (xhr, error, thrown){
console.error(error);
},
data: function (d) {
//此处为查询时所选参数
}
},
"bLengthChange": true,
"aLengthMenu": [10, 20, 50],
"sDom": '<"top">rt<"bottom"flpi><"clear">',
"serverSide": true,//打开后台分页
"bSort": false,
// "aaSorting": [[1, "DESC"]], //默认第几个排序
"bStateSave": true, //状态保存
"bFilter": false,
"bAutoWidth": true,
"iDisplayLength": 10,
"aoColumnDefs": [
],
"bScrollCollapse": true, //高度自适应
"columns": [
//此处为数据(省略..)
],
});
}
第二步 在加载页面时调用
$(document).ready(function () {
$("#search").click(function () {
if(dataTable==null){
//这里调用封装方法查询数据
jiazai();
}else{
//重新加载初始化方法
dataTable.ajax.reload();
}
});
});
到此完成,在解决过程中看到一篇博文,但是我没有解决,但是可以参考
链接→https://blog.csdn.net/qq_24470501/article/details/85293983?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase