[发明专利]树形结构展示方法、装置、系统、电子装置和存储介质

说明书

本申请涉及一种树形结构展示方法、装置、系统、电子装置和存储介质，其中，该树形结构展示方法包括：获取服务器设备的虚拟列表；获取预设的可视区域，根据所述可视区域获取所述虚拟列表中的第一可视虚拟节点，对所述第一可视虚拟节点进行渲染；获取用户指令，根据所述用户指令对指定的所述第一可视虚拟节点进行展开或收起以获取第二可视虚拟节点；根据所述可视区域，对所述第二可视虚拟节点进行渲染。通过本申请，解决了树形结构展示可操作性弱、页面卡顿的问题，实现了终端设备树形展示及渲染效率的提高。

技术领域

本申请涉及用户界面实现领域，特别是涉及树形结构展示方法、装置、系统、电子装置和存储介质。

背景技术

为了在用户界面中合理展示一定的结构关系，需要利用树形结构，例如区域树形以及多层级下的单位管理树形；在对树形结构进行展示时，需要对树形结构进行渲染。

相关技术中，一般采用遍历DOM(Document Object Model，文件对象模型)层级嵌套树形结构的方式，对树形结构进行渲染展示，例如ZTREE框架和IVIEW中TREE组件。遍历树形结构的展示方式，在大数据的情况下会产生可操作性弱、页面卡顿的问题。

针对相关技术中存在树形结构展示可操作性弱、页面卡顿的问题，目前还没有提出有效的解决方案。

发明内容

在本实施例中提供了一种树形结构展示方法、装置、系统、电子装置和存储介质，以解决相关技术中树形结构展示可操作性弱、页面卡顿的问题。

第一个方面，在本实施例中提供了一种树形结构展示方法，包括：

获取服务器设备的虚拟列表；所述虚拟列表为所述服务器设备基于接收到的扁平化数据获取平级DOM结构，并根据所述平级DOM结构生成的；所述虚拟列表包含与所述平级DOM结构中所有节点相对应的虚拟节点；

获取预设的可视区域，根据所述可视区域获取所述虚拟列表中的第一可视虚拟节点，对所述第一可视虚拟节点进行渲染；

获取用户指令，根据所述用户指令对指定的所述第一可视虚拟节点进行展开或收起以获取第二可视虚拟节点；根据所述可视区域，对所述第二可视虚拟节点进行渲染。

在其中的一些实施例中，所述根据所述用户指令对指定的所述第一可视虚拟节点进行展开或收起以获取第二可视虚拟节点，包括：

若所述用户指令为对指定的所述第一可视虚拟节点进行收起，则遍历所述虚拟列表中的所有虚拟节点，查询深度小于或者等于所述第一可视虚拟节点的深度的下一个虚拟节点，并根据所述第一可视虚拟节点和所述下一个虚拟节点，删除所有遍历到的目标虚拟节点以获取所述第二可视虚拟节点，将所述第二可视虚拟节点的展示状态设置为收起状态；

其中，所述目标虚拟节点是指所述所有虚拟节点中，除所述指定的第一可视虚拟节点和所述下一个虚拟节点外，从所述指定的第一可视虚拟节点遍历到所述下一个虚拟节点之间的虚拟节点；

若所述用户指令为对指定的所述第一可视虚拟节点进行展开，则遍历所述虚拟列表中的所有虚拟节点，查询所述下一个虚拟节点，并根据所述第一可视虚拟节点和所述下一个虚拟节点，重新加载所有遍历到的所述目标虚拟节点以获取所述第二可视虚拟节点，将所述第二可视虚拟节点的展示状态设置为展开状态。

在其中的一些实施例中，所述加载所有遍历到的目标虚拟节点，还包括：

获取所有遍历到的所述目标虚拟节点的展示状态，在所述目标虚拟节点中找到所述展示状态处于收起状态的可变虚拟节点，删除所述可变虚拟节点后，将所述可变虚拟节点的所有展示状态修改为展开状态，并重新加载所述可变虚拟节点及其子节点至所述虚拟列表。

在其中的一些实施例中，所述对指定的所述第一可视虚拟节点进行展开，或者，所述对指定的所述第一可视虚拟节点进行收起，还包括：