最近维护系统,系统使用的UI框架是bootstrap+datatable,这里主要记录一下各属性的设置效果:html
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, {bootstrap
///调取接口的参数传递
});
return aoData; ///返回的参数
},
"aoColumns": [
{ "mData": "FirstChannelId" },
///这里设置返回的集合与html里的列对应
}
],
"fnDrawCallback": function () {api
BlockUI.stopPageLoading();框架
///最后结束加载数据。
}
});ide