$('#table').DataTable({
...
'ajax': {
url: '/admin/file/list', // url请求
data: function (data) { // 定义初始化参数 :data为向后台发送的参数obj
return $.extend( {},{}, { //自定义参数
"currentPage": data.start/data.length+1, //当前页"pageSize": data.length, // 每页显示条数,data.length='pageLength'属性的值 我设置的是5
} )
},
dataSrc: function (json) {
return json.data.list;
}
},
...
)}
$('#table').DataTable({
...
'ajax': {
...
dataSrc: function (json) {
json.recordsFiltered = json.data.count; // 指定记录数
json.recordsTotal = json.data.totalPage; // 指定页数
return json.data.list;
}
},
...
})
$('#table').DataTable({
...
'order': [1,'asc'], //修改默认的排序列为第2列、升序
...
})
$('#table').DataTable({
...
columns:[{ // 合并后的columns
data: "id", // 绑定后台数据列的属性
sortable: false, // 禁止排序
render : function(id, type, row, meta) { // 将数据进行DOM转换
return '<input type="checkbox" name="ids" value=' + id + '><label for="input-' + id + '"></label>';
}
},{
data: "filename",
render : function(id) {
return '<a href="java script:;">'+id+'<a/>';
}
},{
data: 'filetype',
defaultContent : "",
sortable: false,
},{
data: 'logicadress',
defaultContent : "",
sortable: false,
},{
data: 'physicsadress',
defaultContent : "",
sortable: false,
},{
data: 'modifyUser',
defaultContent : "-",
sortable: false,
},{
data: 'modifyTime',
defaultContent : ""
}],
...
})
$('#table').DataTable({
...
'ajax': {
...
data: function (data) {
console.log(data);
return $.extend( {},{}, {
"currentPage": data.start/data.length+1,
"pageSize": data.length,
"order": data.order[0].dir, //升序或降序:随鼠标点击发生变化
"sort": data.order[0].column==1?"fileName":"modifyTime" //获取排序列:下标从0开始,1代表第二列(因为只有两列参与排序,所以简单写了)
} )
},
...
},
...
})
{
"draw": 1,
"columns": [
{
"data": "id","name": "","searchable": true,"orderable": false,
"search": {"value": "", "regex": false}