EasyUI DataGrid定制默认属性名称


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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM