EasyUI DataGrid绑定服务器返回Json数据的解决方案
1. 服务器返回的数据对象格式，及初始化返回值
public class RequestResult
{
private int code;
private String message;
private Object data; // 构造函数（略）
// getters/setters（略）
}
RequestResult result = new RequestResult();
result.setCode(0);
result.setMessage("success");
List list = new ArrayList();
// list添加数据(略) ....
map.put("total", list.size());
map.put("rows", list);
result.setData(map);
return result;
2. EasyUI DataGrid代码部分
$('#tb').datagrid({
method : "GET",
url : url,
/* 不相关配置略 */....,
loadFilter: function (respose){ // response即为返回的RequestResult的json对象
respose.total = respose.data.total; // 给总页数赋值,默认为total属性,datagrid会读取response.total的值来给分页组件赋值
respose.rows = respose.data.rows; // 给要展示的数据行数据赋值,默认为rows属性,datagrid会读取response.rows的值来在页面展示
return respose;
},
});
EasyUI DataGrid自主定制pagination参数名称的解决方案
1. EasyUI DataGrid代码部分
$('#tb').datagrid({
method : "GET",
url : url,
/* 不相关配置略 */....,
onBeforeLoad:function(params){
params.pageNum = params.page; // 页面属性名称定制为pageNum
params.pageSize = params.rows; // 每页展示数属性名称定制为pageSize
params.sortField = params.sort; // 排序字段属性名称定制为sortField
params.orderBy = params.order; // 排序方式属性名称定制为orderBy
return true;
},
});
2. java代码略。