draw 页数
recordsTotal:总条数
recordsFiltered:总条数 recordsTotal和recordsFiltered必须都是总条数,不然分页只能是一页
data:数据
var lenPage=0 全局显示条数,默认为10
$(function(){
searchList(10,1) 初始显示10条每页
//切换显示条数
$('#table').on( 'length.dt', function ( e, settings, len ) {
lenPage=len //len 代表显示条数,保存为全局,后期会用到
searchList(lenPage,1) //重置表格数据
});
// 点击 分页
var oTable = $('#table').dataTable();
$('#table').on('page.dt', function () {
var tableSetings=oTable.fnSettings();
var paging_length=tableSetings._iDisplayLength;//当前每页显示多少
var page_start=tableSetings._iDisplayStart;//当前页开始
var page=(page_start / paging_length); //得到页数值 比页码小1
var url="url?limit="+ limit +"&pageIndex="+pageIndex
})
// 获取数据 填充表格
function searchList(limit,pageIndex){
// var url="url?limit="+ limit +"&pageIndex="+pageIndex
listTab(url,limit,pageIndex,0)
}
//准备datatable格式
function table(url,limit,pageIndex,startPage) {
$('#czTable').dataTable().fnDestroy();//还原初始化了的datatable
$('#czTable').dataTable().fnClearTable();//清空一下table
$('#czTable').dataTable({
"destroy": true, //初始化表格
"pagingType": "first_last_numbers", //分页样式
"bInfo" : false, //是否显示页脚信息,DataTables插件左下角显示记录数
"bSort": false, //是否排序
"processing": true, //是否显示加载
"serverSide": true,//开启服务器处理模式
"searching":false,//搜索框
"aLengthMenu": [10, 50,100, 500], //更改显示记录数选项
"iDisplayLength":limit, //默认显示的记录数
"iDisplayStart":startPage, //当开启分页的时候,定义展示的记录的起始序号,不是页数,因此如果你每个分页有10条记录而且想从第三页开始,需要把该参数指定为20
"ajax": url, //请求资源路径
"language": {
url: '/cn/datatable.json'
},
"columns":[{
data: "id"
}, {
data: "name"
}]
} );
}