基于 AOP 的理念,对 layui 相关组件做了一系列增强

分享 未结 置顶 精帖 20 3941
追逐_梦想
悬赏:20飞吻
文档、Demo地址: http://yuntao.xyz:5555/guide/
Github地址: https://github.com/yuntao1997/layui_enhance


文档原本想用github pages的,弄了半天还没好,放弃。 目前只写了表格的部分文档,但应该是非常常用的一块

基于aop的理念,在不更改layui源码的基础上,对 table、layer、laydate进行了一系列增强
增强layui table 功能
1、给表格数据增加默认属性,以实现工具栏重新渲染功能
2、当分页不启用时,将默认只显示10条 修改为显示所有
3、设置表格的默认分页参数
4、增加获取table实例的方法
5、增加 新增行功能,可指定位置
6、增加 渲染指定行、列方法
7、增加 获取表格所有行数据
8、增加 删除指定行
9、扩展表格加载耗时显示
10、内容超出设置
11、支持单元格单击事件
12、增强 当工具栏宽度不够时,弹出详情里面的按钮不能点击
13、增加 可编辑列的配置(增加字段:editConfig: { form: "input", verify: "required", placeholder: "必填",dict: ""} )
14、增加 扩展操作列表(增加字段
extToolbar: ["excel","csv"],
excel: {templateUrl: "", exportUrl: "" , importUrl: "",params: {},beforeHandler(obj){} }
csv: {templateUrl: "", exportUrl: "" , importUrl: "",params: {},beforeHandler(obj){} }
15、获取 指定表格的指定列配置信息
16、增加 合并单元格方法
17、增强 当列表中某列为字典值时,自动设置 templet 函数 (为col 增加 dict 字段)
18、增强 当列表中某列开启日期格式化时,自动设置templet 函数(为col 增加字段:dateFormat: boolean || string,取值:true/false、yyyy-MM-dd hh:mm:ss)
19、增强 合计行数据自定义显示(为col 增加:totalRowFormatter(rows){return value})
20、设置列对齐默认为居中
21、行编辑及行校验
增强layer功能
1、增加 layer.open {@code btnConfirmIndex} 参数,用于设置确认按钮索引,以修改默认样式
2、增加 layer.success 方法
3、增加 layer.error 方法
4、增加 layer.loading 方法
增强laydate功能
1、当日期选择完成时,自动赋值相应的元素value
2、支持渲染多个dom
3、增加 获取laydate 实例方法
4、增加快捷方式选项(增加字段:pickerOptions)
回帖