基于 layui 的 treeGrid 插件【第二版发布!】

分享 未结 715 44827
易
VIP3 2018-9-2
悬赏:20飞吻
更新日志:

201800912
1、当前版本定为v0.1
2、只依赖treeGrid.js(去掉dltable.js和treeGrid.css依赖)
20180830
1、规范内部表格级参数与列级参数(全部列级别的参数需以lay_开头,请务必注意)

-----------------------------------------------------------------------------------------------------------------------------------
全新升级:
-------------------------
更新日志:
(得益于layui良好的设计,可以顺利扩展此插件)
在layui2.3的table组件基础上独立扩展出来针对普通表格和树状表格的插件,主要增加如下功能。
1、【增加】支持树状表格
2、【增加】支持折叠记忆功能(折叠的节点不受父节点折叠状态影响)
3、【增加】动态新增行(一行或多行)
4、【优化】动态删除行(一行或多行)
5、【增加】行内过滤(每次提交会自动提交此区域的参数,需要结合后台使用)
6、【增加】方法式打开或折叠任意节点(table.treeNodeOpen(o,isOpen))
7、【增加】数据刷新query方法(与reload方法区别在于,只刷新数据区域,而不是重新渲染整个table)
8、内部对原来table的渲染方法进行了拆分,以便更精准控制table的行为(分别是生成单元格、生成tr、渲染分页、渲染行内过滤区域、渲染全部、渲染节点内容等等)

更多内容请移步layui插件 treeGrid码云(代码以码云为准) 查看
在线 demo
---------------------------------

本来新版本已经发布到layui扩展插件模块中去,但layui扩展插件暂不提供评论,导致有许多使用者没有提问的地方,因此特意发布第二版本的分享帖子,使用本插件的用户,可以在此帖子下提问或建议,谢谢大家。

使用浏览器版本要求:
1、极速模式;
2、ie11或以上;
3Google浏览器
(其他低版本ie浏览器不支持)

效果图:
整体效果:


折叠记忆:


新增节点:


删除节点:


删除多个节点:


节点初始化隐藏、显示控制
1、数据源设置is_open
{"id":"111", "pId":"1", "name":"苹果","lay_is_open":false}
效果


多选操作(选中父节点,子节点被选中;全部子节点被选中,父节点也被选中;自己看效果)



更多例子请移步至layui扩展插件或码云。


常见问题和注意
1、例子不支持本地C://test/inde.html形式运行
2、确保url请求到数据(多数人员在此环节存在问题)


回帖
  • 你 。。。。他娘的就是个人才。刚好用到 1万个赞
    6 回复
  • @舒克与贝塔Li 拓展treeGrid可以使用 on 监听toolbar 事件 ,以及defaultToolbar 隐藏列,打印与导出 终于搞好了 [哈哈]

    https://gitee.com/lihaitaomg/codes/kut907nlxsopfg13hrjm524
    4 回复
  • 易
    2018-9-19
    @lankyun_z
    1、关闭打开方法会重构一下,应该不会出现1s的情况
    2、建议默认不开展

    3、初次渲染问题,暂时还要研究一下如何处理,因为本身就是基于layui而layui的表格加载性能的确不是太快(你如果使用layui一次加载6百多条记录也是一样慢)。
    2 回复
  • 易
    2018-9-3
    @Minhat 这几天发现许多人对treegrid有需求,询问和使用的人很多,还有许多功能会加入去的,谢谢使用,有问题可以在此帖下提出来,大家一起探讨一下!
    1 回复
  • 易
    2018-9-19
    @不该相遇在秋天 谢谢你的耐心测试,此问题已解决,请更新。
    1 回复
  • 易
    2018-9-19
    @qiutian 你用本地data的是什么业务场景呢? 我没有考虑本地data的方式,感觉作用不大呀。
    1 回复
  • 易
    2019-1-2
    @我的电脑520
    好,看看什么时候有空,写一下。

    目前这个版本,我自己的项目里面使用没什么问题,比较稳定。针对大众,各种需求,自我感觉还是差了一些功能,不过近期工作很忙,所以已经有段时间没搞,非常抱歉。
    1 回复
  • 初見611
    2019-7-5
    请问如何获取内容编辑框的监听事件?
    1 回复
  • 易
    2019-10-24
    谢谢大家如此关注此插件,这几个月一直在医院,感受到生命的脆弱和无奈,同时非常抱歉,没能顾及插件的更新。
    1 回复
  • 厉害,加油,,,我用的好像是你的
    0 回复