一种基于El-Tree控件的树形结构多选文件夹的方法技术

本发明专利技术公开一种基于El

【技术实现步骤摘要】
一种基于El
‑
Tree控件的树形结构多选文件夹的方法


[0001]本专利技术涉及文件处理
，尤其涉及一种基于El
‑
Tree控件的树形结构多选文件夹的方法。

技术介绍

[0002]在下拉框多选文件夹中，一次性获取全部文件夹数据会导致数据太多引起页面卡顿的问题，影响用户使用体验。
[0003]因此，现有技术存在缺陷，需要改进。

技术实现思路

[0004]本专利技术要解决的技术问题是：提供一种基于El
‑
Tree控件的树形结构多选文件夹的方法，避免一次性获取过多数据导致页面卡顿的问题，同时减少不必要的数据处理。
[0005]本专利技术的技术方案如下：提供一种基于El
‑
Tree控件的树形结构多选文件夹的方法，包括以下步骤。
[0006]S1：获取文件夹的目录数据，向后端请求获取顶层数据。初始化只获取顶层数据，并不一次性获取全部文件夹数据。
[0007]S2：在每次打开一个树节点发出请求获取该节点的子级数据后，再渲染到树形结本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于El
‑
Tree控件的树形结构多选文件夹的方法，其特征在于，包括以下步骤：S1：获取文件夹的目录数据，向后端请求获取顶层数据；S2：在每次打开一个树节点发出请求获取该节点的子级数据后，再渲染到树形结构中；S3：利用lazy模式加载顶层数据和子级数据，通过lazy模式下的resolve函数进行数据解析；S4：利用El
‑
Tree的render
‑
content对树节点的内容进行自定义，并改写成table形式的树形结构；S5：勾选完文件夹，将文件夹名字展示到select选择器；S6：将文件夹的相对路径封装返回给后端进行处理；S7：点击复选框，触发tree控件中的check函数，此时会该节点的对象和目前选中状态对象传递给data数组，其中目前选中状态对象包含了checkedKeys数组，该checkedKeys数组存储了选中的文件夹的路径，利用checkedKeys数组进行递归，子级文件夹路径以它的父级文件夹路径为开...

【专利技术属性】
技术研发人员：周佳宜，邹琼，周双全，
申请(专利权)人：深圳市瑞云科技股份有限公司，
类型：发明
国别省市：