[英]why server-side datatables show all records in one page and search doesn't work?
我一直在使用data-table。 一切工作都很好,問題是-分頁無法正常工作-搜索無法正常工作-所有數據僅在一頁中顯示
我用DataTable的初始化下面的代碼-
$(document).ready(function () {
$('#example').DataTable({
"processing" : true,
"serverSide" : true,
"pageLength" : 5,
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
"ajax" : {
url: "/users",
type:"GET",
dataSrc : "data",
},
"columns":[
{"data": "id"},
{"data": "name"},
{"data": "tweet"}
]
});
});
和我的控制器服務 (播放框架)
public Result ListAll(){
List<User> users = User.find.all();
System.out.println(toJson(users).toString());
DataTableObject dataTableObject = new DataTableObject();
dataTableObject.setData(users);
String json = toJson(dataTableObject).toString();
System.out.println("----> " + json );
return ok(toJson(dataTableObject));
}
和DataTableObject類
public class DataTableObject {
int draw = 1;
int recordsTotal= 26;
int recordsFiltered =26;
List<User> data;
public int getRecordsTotal() {
return recordsTotal;
}
public void setDraw(int draw) {
this.draw = draw;
}
public int getDraw() {
return draw;
}
public void setRecordsTotal(int recordsTotal) {
this.recordsTotal = recordsTotal;
}
public int getRecordsFiltered() {
return recordsFiltered;
}
public void setRecordsFiltered(int recordsFiltered) {
this.recordsFiltered = recordsFiltered;
}
public List<User> getData() {
return data;
}
public void setData(List<User> data) {
this.data = data;
}
}
這是我的http:// localhost:9000 /的屏幕截圖
使用serverSide:true
數據表不處理搜索,過濾,分頁或排序。 當您在表上進行分頁,排序或搜索時,必須根據發送表發送的Get / Post請求發送參數來操縱查詢。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.