在项目中使用dataTable插件来实现表格,但是在进行tabs切换时,dataTable不能够重复发起请求
function getList(type) {
Config.grid = new Datatable();
Config.grid.init({
src: $("#tableTeacherQA"),
onSuccess: function (grid) {
},
onError: function (grid) {
console.log(grid,555)
},
dataTable: { // here you can define a typical datatable settings from http://datatables.net/usage/options
lengthMenu: [
[20, 50, 100, 150],
[20, 50, 100, 150] // change per page values here
],
pageLength: 20, // default record count per page
ajax: {
url: "请求地址",
data: { ReasonType: type},
type: "POST",
cache: false,
dataType: "json"
},
columns: [
{
data: 'ID',
render: function (data, meta, row) {
console.log(data)
//if (row.RiskType == 0) {
return '<input type="checkbox" class="teachCheck" data-value="' + row.TUID + '" data-type="' + row.CheckTypeName+'" onchange="changeCheck(event,this)" name="che" value="' + data + '" class="checkPaypalClass">';
// } else {
// return '';
// }
},
"orderable": true //排序
},
],
language: { // language settings
"lengthMenu": " <span class='seperator'>|</span> 每页显示 _MENU_",
"info": " 记录总数: _TOTAL_",
"emptyTable": "Not Found Result",
"infoEmpty": "",
destroy: true
}
}
});
}
解决办法:
在tabs切换的时候先将这个dataTable销毁,可以重复提交了
$("#tableTeacherQA").dataTable().fnDestroy();