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