• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

基于layui的树表格-treeGrid: 基于layui的树表格-treeGrid

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

基于layui的树表格-treeGrid

开源软件地址:

https://gitee.com/beijiyi/treeGrid

开源软件介绍:

插件js地址:tree_table_treegrid_based_on_layui/testTreeGrid/web/design/extend/treeGrid.js

例子地址:

    1、树状表格:tree_table_treegrid_based_on_layui/testTreeGrid/web/index.html    2、普通表格:tree_table_treegrid_based_on_layui/testTreeGrid/web/index_list.html

在线demo: **在线demo_tree , demo_list

**

版本更新说明:

**

20180919

    1、定义srot排序方式,不再支持前端排序,排序只能是服务器端,点击可排序列,会触发查询语句重新请求后,并将排序字段发到后端    格式:sort:[{"field":"id","sort":"desc"},{"field":"pId","sort":"desc"}]        2、开启分页使用isPage:true,开启分页后,必须在后端自行排序每页的记录

20180913

    1、增加table级别的heightRemove参数,用法在例子上面有,可自行查看        ,heightRemove:[".calss","#id",10]//不计算的高度,表格设定的是固定高度,此项不生效

201800912

    1、当前版本定为v0.1    2、只依赖treeGrid.js(去掉dltable.js和treeGrid.css依赖)

20180830

    1、规范内部表格级参数与列级参数(全部列级别的参数需以lay_开头,请务必注意)

**

基于layui的树表格-treeGrid

**

效果图:输入图片说明

折叠记忆

折叠记忆

新增节点-

新增节点

删除节点

删除节点

删除多个节点

删除多个节点

节点初始化隐藏、显示控制1

1设置    {"id":"111", "pId":"1", "name":"苹果","lay_is_open":false}        

节点初始化隐藏、显示控制2

节点初始化隐藏、显示控制2

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

多选操作


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap