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