Datatables 列筛选器使搜索值搜索=[对象]
搜索正在工作,但当我尝试使用列筛选器时,搜索值更改为Datatables 列筛选器使搜索值搜索=[对象],datatables,angular-datatables,Datatables,Angular Datatables,搜索正在工作,但当我尝试使用列筛选器时,搜索值更改为Search=[object object] 完整URL:http://localhost:8000/locations/?draw=2&columns=[object object]、[object object]、[object object]&order=[object object]&start=0&length=10&search=[object object]&srangesparator=~ HTML JSON数据 { "
Search=[object object]
完整URL:http://localhost:8000/locations/?draw=2&columns=[object object]、[object object]、[object object]&order=[object object]&start=0&length=10&search=[object object]&srangesparator=~
HTML
JSON数据
{
"count": 205,
"results": [
{
"id": 1,
"companies": 2,
"company_name": "RRBRO Softwares",
"name": "Davao"
},
{
"id": 2,
"companies": 2,
"company_name": "RRBRO Softwares",
"name": "Panabo"
},
...
]
}
angular.module('myApp', ['datatables', 'datatables.columnfilter'])
.controller('ServerSideProcessingCtrl', ServerSideProcessingCtrl);
function ServerSideProcessingCtrl(DTOptionsBuilder, DTColumnBuilder) {
var vm = this;
vm.dtOptions = DTOptionsBuilder.newOptions()
.withFnServerData(serverData)
.withOption('source', 'http://localhost:8000/locations/')
.withOption('processing', true)
.withOption('serverSide', true)
.withPaginationType('full_numbers')
.withDataProp('data')
.withColumnFilter({
sPlaceHolder: "head:after",
aoColumns: [{
type: 'number'
}, {
type: 'text',
bSmart: true
}, {
type: 'text',
bSmart: true
}]
});
function serverData(sSource, aoData, fnCallback, oSettings) {
sSource = "http://localhost:8000/locations/";
oSettings.jqXHR = $.ajax( {
"dataType": 'json',
"type": "GET",
"url": sSource,
"data": aoData,
"success": function(json){
json.draw = 1;
json.recordsTotal = json.count;
json.recordsFiltered = json.count;
json.data = json.results;
fnCallback(json);
},
"error": function (e) {
console.log(e.message);
}
});
}
vm.dtColumns = [
DTColumnBuilder.newColumn('id').withTitle('ID'),
DTColumnBuilder.newColumn('company_name').withTitle('Company'),
DTColumnBuilder.newColumn('name').withTitle('Location')
];
}
{
"count": 205,
"results": [
{
"id": 1,
"companies": 2,
"company_name": "RRBRO Softwares",
"name": "Davao"
},
{
"id": 2,
"companies": 2,
"company_name": "RRBRO Softwares",
"name": "Panabo"
},
...
]
}