最近維護系統，系統使用的UI框架是bootstrap+datatable,這里主要記錄一下各屬性的設置效果：
var dtChannel = $('#dtChannel1').dataTable({
"sPaginationType": "bootstrap", ///引用bootstrap
"bServerSide": true, ///延遲加載
"bFilter": false, ///是否啟用客戶端過濾功能
"bPaginate": true, ///顯示使用分液器
"bLengthChange": true, ///是否可以修改頁面顯示行數
"aLengthMenu": [10, 20, 50], ///設置可選的顯示行數
"iDisplayLength": 20, ///默認顯示20行
"oLanguage": {
"sLengthMenu": "每頁顯示 _MENU_ 條記錄", ///設置顯示語言 默認英文
"sInfo": "當前顯示 _START_ 到 _END_ 條，共 _TOTAL_ 條記錄", ///設置顯示語言 默認英文
"sZeroRecords": "對不起，查詢不到相關數據！", ///設置顯示語言 默認英文
},
"bSort": false, ///是否可排序
"sAjaxSource": apiHost + "/ChannelData/GetFirstChannelList", ///加載的數據源調用接口
"bProcessing": false,
"bStateSave": false,
"fnServerParams": function (aoData) {
BlockUI.startPageLoading();
dtParams.Data(aoData, {
///調取接口的參數傳遞
});
return aoData; ///返回的參數
},
"aoColumns": [
{ "mData": "FirstChannelId" },
///這里設置返回的集合與html里的列對應
}
],
"fnDrawCallback": function () {
BlockUI.stopPageLoading();
///最后結束加載數據。
}
});