分享一个layui风格的grid、treegrid

分享 未结 精帖 37 29873
夏羽天
夏羽天 2017-6-27
悬赏:5飞吻












使用layui一年多,根据项目实际需求增加了两个自定义组件grid、treegrid,看名字就明白是干嘛的。并修改了部分源码:
1、为form.render()添增加了一个参数fm(jquery对象),若fm不为空,则只渲染fm中的元素。
2、为select添加了方向键操作,并增加了search事件,用于搜索时从后台读取数据更新下拉框,参数在select事件基础上增加了options回调函数,form.on('search(filter)');
3、若select包含属性lay-fixed,select选择列表固定在浏览器窗口中。
4、复选框name相同,表单提交后获取的数据为一个英文逗号分隔的字符串
5、为tab 增加了属性no-close,选项卡不可关闭,并修改了addTab方法,添加参数close
6、为tab增加了关闭事件监听 element.on('closetab(demo)');
7、修改layer: 弹层后,弹出的层将获得焦点,若焦点在按钮上,可使用左右方向键或tab键切换。


6月30号更新内容:
1、新增编辑模式、可编辑单行或整表
2、修改了grid的dome操作,
3、为treegrid增加了单独的dome操作方法,添加同级节点、子节点、修改节点、删除节点、获取子节点、展开折叠节点等,(添加节点可以是树形结构的数据)
4、为treegrid增加了懒加载事件(可加载树形结构的数据)。
5、修改了表格边框对齐的问题


下载地址: http://pan.baidu.com/s/1ctmH5s
密码: 6d7n
回帖
本帖已设置禁止回复