初次使用bootstrap+datatable

最近维护系统,系统使用的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

相关文章
相关标签/搜索