1. 导览
本章节将讲解列表页 如何使用自定义接口来获取列表数据, 如何关联其他的表(比如user表存了deptid但是列表中要展示detpName怎么做) 如何使用自定义按钮,打开dialog 以及如何禁用掉自带按钮。 如何格式化列表显示字段 onListPageReady的使用
2.如何使用自定义接口给前段返回数据
A 在modelConfig中添加一个key叫做 dataGridUrl:’${path.basePath}/ms/pay_carcome/findPayCarcomePage’ 定义之后就会在这里取数据
B 自定义一个控制器@RequestMapping(“/ms/namespace”) 继承 ModelSuperAction(后面会讲解这个类有哪些方法基本上CRUD的方法全有了)
假如ModelSuperAction 提供的方法不满足需求,我们自定义一个方法 叫做public Pager
C 如果想自定义删除url 可 在 modelConfig设置 delUrl,del url需要返回 HttpResult
3.如何关联其他的表
假如我们现在用表user,列表中需要获取到user的detpName应该怎么做呢?
A 第一步在detp的js中 modelConfig 添加 joinColumns:JSON.stringify({detp_name(数据库字段名): ‘deptName’(自定义名字)})
B 在user.js的listPage.listFieldSett 添加 [ {name:’dept_id’,title:’部门名称’,width:’25%’,align:’center’,trans:’pagex’,namespace:’detp’,showField:’transMap.deptName’] 大功告成,是不是很简单呀。
4. 自定义按钮和禁用默认按钮
listPage.disableButtons 可以配置一个数组,用来设置禁用哪些按钮。
[‘search’,’add’,’view’,’update’,’delete’,’export’]
如果这样配置的话,那么 搜索,添加,查看详情,修改,删除,excel导出按钮就都被禁用了。
自定义按钮:
listPage.buttons 可以配置一个数组,用于设置自定义按钮。
return [ {title:’审核’,fun:’apply’(触发哪个方法),permissionsCode:’flow:apply’(权限编码),isRow:true(必须选中列表一行才能操作)}, ];
因为权限编码是flow:apply 所以在添加菜单权限的时候记得添加一个 其他类型的权限 code为apply 否则这个按钮会因为没有权限出不来。
有了按钮必须配合自定义方法才能完成我们的功能,不然按钮点了没事件 也没啥用。
listPage.otherFunctions 是一个配置自定义方法的参数
你可以学着上面配置一个自定义方法,如果这个方法是点击按钮触发的,按钮isRow:true 的时候你可以接收一个row的对象,就是用户列表选中的那行json数据。
5.listPage.listFieldSett 列表显示字段的高级配置
列表插件使用到了easyui 的datagrid插件,所以datagrid 插件所有的配置属性我们全部都支持,包含格式化单元格的方法
6.过滤条件配置
过滤条件我们现在支持:date,input,book,select,bt(日期区间)
本章节参考资料:http://114.116.20.119/2019/04/01/pagex%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/
有很多细节没有写到文档上欢迎加群交流
QQ群:976278956