怎么判断layui treeGrid 是否还存在java多节点tree

启动项目 调用页面出现

请教一下各位牛人 看看什么原因造成的如何解决

版权声明:本文为博主原创文章未经博主允许不得转载。 /qq_/article/details/

最近在开发一个文件库模块需要用到树形表格来展现文件夹的层次感。

首先我们把treeGrid.js文件复制到你的项目中去然后在js文件中引用,在此我把最简单的实现给大家展现出来

 
 
 
这里我们需要注意id与PID之间的对应也就是文件夹与文件之间的关系,相信接觸过tree的人都会很熟悉
关于后台中文件夹的遍历返回在这我就不多讲了到这基本就ok了,我给大家看一下效果图
 
在treeGrid 的使用过程中因为需求嘚不同还是有许多问题的,比如:
  1. 文件夹的图标因为更新已经删除了所以我们为了美观需要修改一下
  2. 因为文件夹删除选择时,其实已经將文件夹与其里面的文件删除了但是因为多选框的子java多节点tree会随父java多节点tree选择,所以子文件会因二次删除而报错;以及添加文件夹和上傳文件都以为父java多节点tree与子java多节点tree的关系导致报错所以我们需要修改多选框的选择独立,父java多节点tree与子java多节点tree互相不关联
    解决办法:修改treeGrid.js文件,修改后的

(得益于layui良好的设计可以顺利擴展此插件)

在layui2.3的table组件基础上独立扩展出来针对普通表格和树状表格的插件,主要增加如下功能

1、【增加】支持树状表格

2、【增加】支歭折叠记忆功能(折叠的java多节点tree不受父java多节点tree折叠状态影响)

3、【增加】动态新增行(一行或多行)

4、【优化】动态删除行(一行或多行)

5、【增加】行内过滤(每次提交会自动提交此区域的参数,需要结合后台使用)

7、【增加】数据刷新query方法(与reload方法区别在于只刷新数據区域,而不是重新渲染整个table)

8、内部对原来table的渲染方法进行了拆分以便更精准控制table的行为(分别是生成单元格、生成tr、渲染分页、渲染行内过滤区域、渲染全部、渲染java多节点tree内容等等)

因项目需要树状表格,写了此插件



参考资料

 

随机推荐