Easyui datagrid 分页参数自定义名称+额外参数

最新推荐文章于 2021-03-13 07:58:06 发布

转载最新推荐文章于 2021-03-13 07:58:06 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/ji84899/p/5279303.html

文章标签：

#easyui

easyui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在EasyUI的datagrid组件中自定义分页参数名称，包括order、rows、page和sort的映射，以及如何通过onBeforeLoad方法修改这些参数并删除默认参数。

转自：https://www.cnblogs.com/ji84899/p/5279303.html

使用Easyui版本：1.4

datagrid默认分页固定名称分别为：order,rows,page,sort(需在datagrid初始化时设置分页相关属性，详情请查文档)

　　order:排序属性名称

　　rows:一页显示几行

　　page:第几页

　　sort:排序方式'asc'升序 'desc'降序

通过火狐抓包可见参数

假设后台bean定义了一个实体类sitePage来接收分页的相关信息

在datagrid的onBeforeLoad()方法中给自定义名称的参数赋值，并删除原先参数

复制代码

onBeforeLoad : function(param){
                            console.log(param);
                            param["sitePage.sortName"] = param.order;
                            param["sitePage.pageSize"] = param.rows;
                            param["sitePage.pageNumber"] = param.page;
                            param["sitePage.sortOrder"] = param.sort;
                            //可以添加任意参数
                            param["sitePage.名称1"] = '参数值1';
                            param["sitePage.名称2"] = '参数值2';
                            //.....
                            delete param.order;
                            delete param.rows;
                            delete param.page;
                            delete param.sort;
                            console.log(param);
                        }

复制代码

不能使用多级应用的形式赋值，比如param.sitePage.sortName = param.order 会提示找不到sitePage,还有出现关键字的时候，也必须直接使用参数对象名称["for"]

的形式，比如 param["for"]。 delete 为js删除对象属性。在此查看post参数如下图。