EasyUI DataGrid定制默认属性名称

时间:2022-12-10 15:12:47

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代码略。