Javascript Angularjs数据表服务器端分页
我试图在这个链接中进行Angularjs Datatable服务器端分页 所以我使用这个代码Javascript Angularjs数据表服务器端分页,javascript,jquery,angularjs,datatables,angular-datatables,Javascript,Jquery,Angularjs,Datatables,Angular Datatables,我试图在这个链接中进行Angularjs Datatable服务器端分页 所以我使用这个代码 $scope.dtOptions = DTOptionsBuilder.newOptions() .withOption('ajax', { dataSrc: function(json) { conole.log(json) json['recordsTotal']
$scope.dtOptions = DTOptionsBuilder.newOptions()
.withOption('ajax', {
dataSrc: function(json) {
conole.log(json)
json['recordsTotal'] =json.length
json['recordsFiltered'] = json.length
json['draw']=1
conole.log(json)
return json;
},
url: 'api/footestrecords',
type: 'GET'
})
.withOption('processing', true)
.withOption('serverSide', true)
.withPaginationType('full_numbers');
我在dataSrc参数中手动添加了recordsTotal、recordsFiltered和row
这是添加recordsTotal、recordsFiltered和row之前和之后的json数据
添加前的json数据
[Object, Object, Object, Object, Object, Object, Object, Object,
Object,Object, Object, Object, Object, Object, Object, Object, Object,
Object, Object, Object, Object, Object, Object, Object, Object, Object,
Object, Object]
添加后的json数据
[Object, Object, Object, Object, Object, Object, Object, Object,
Object, Object, Object, Object, Object, Object, Object, Object, Object,
Object, Object, Object, Object, Object, Object, Object, Object,
Object,Object, Object, recordsTotal: 28, recordsFiltered: 28, draw: 1]
问题是分页不起作用,数据表在一个页面中显示所有数据,当我点击分页按钮时,并没有任何动作 返回的JSON格式应为:
{
data: [{Object},{Object},{Object},{Object}…]
draw: "1"
recordsFiltered: 91
recordsTotal: 91
}
您可以从这里获得有关删除
.dataSrc
并使用此选项的完整教程:
.withDataProp(function(json) {
console.log(json);
json.recordsTotal = json.response.total;
json.recordsFiltered = json.response.total;
json.draw = 1;
return json.response.data;
})
根据您的对象更改json.response。您在此处出错:
conole.log
The return data must be list of object ["data"]=[{name:john,id:1},{name:jason,id:2}].
Try
.withOption('ajax', {
dataSrc: function(data) {
return data.data;
}
})
Else,
.withOption('ajax', {
"dataSrc": "data"
}