[发明专利]树组件渲染方法和装置、数据处理设备及介质

说明书

本发明公开了树组件渲染方法和装置、数据处理设备及介质。该树组件渲染方法包括：得到列表形式的数据节点；标记数据节点的索引值和节点关系；确定待渲染的数据节点；基于数据节点的所述索引值和所述节点关系，确定待渲染的数据节点的显示位置并在内部第二标签中进行待渲染的数据节点层级的显示，其中在渲染之前，设置父级标签、内部第一标签、所述内部第二标签，其中：父级标签的高度为画面可视区高度；内部第一标签的高度与待显示的数据节点列表的高度相同，用于支撑树结构，并且形成用于滚动显示的滚动条；内部第二标签用于渲染待渲染的数据节点。本发明能够实现支持大量数据渲染的树组件。

技术领域

本发明涉及数据处理技术，尤其涉及数据处理方法和装置、数据处理设备及介质。

背景技术

树是前端页面中常用的组件，但是，一般的树组件只能支持少量数据的使用，一般在3000个以上的数据节点就会有明显的渲染延迟、选中及检索操作卡顿等问题。无法实现上万乃至更多数据节点的流畅渲染和操作。

对于一些应用场景，比如安防行业的几万路相机所构成的树结构的一次性展示，需要具备高性能的树组件。

发明内容

为了解决以上问题之一，本发明提供了树组件渲染方法和装置、数据处理设备及介质，以提供高性能的树组件。

根据本发明的一个实施例，提供一种树组件渲染方法，该方法包括：扁平化步骤，得到列表形式的数据节点；信息标记步骤，标记数据节点的索引值和节点关系；节点确定步骤，确定待渲染的数据节点；渲染步骤，基于数据节点的所述索引值和所述节点关系，确定待渲染的数据节点的显示位置并在内部第二标签中进行待渲染的数据节点层级的显示，其中在渲染之前，设置父级标签、内部第一标签、所述内部第二标签，其中：父级标签的高度为画面可视区高度；内部第一标签的高度与待显示的数据节点列表的高度相同，用于支撑树结构，并且形成用于滚动显示的滚动条；内部第二标签用于渲染待渲染的数据节点。

根据本发明的一个实施例，提供一种树组件渲染装置，该装置包括：扁平化模块，得到列表形式的数据节点；信息标记模块，用于标记数据节点的节点关系；渲染模块，用于基于数据节点的索引值和所述节点关系，确定待渲染的数据节点的显示位置并在内部第二标签中进行待渲染的数据节点层级的显示，其中在渲染之前，设置父级标签、内部第一标签、所述内部第二标签，其中：父级标签的高度为画面可视区高度；内部第一标签的高度与待显示的数据节点列表的高度相同，用于支撑树结构，并且形成用于滚动显示的滚动条；内部第二标签用于渲染待渲染的数据节点。

根据本发明的再一个实施例，提供一种数据处理设备，包括：处理器；以及存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行上面描述的方法之一。

根据本发明的又一个实施例，提供一种非暂时性机器可读存储介质，其上存储有可执行代码，当所述可执行代码被处理器执行时，使所述处理器执行上面描述的方法之一。

本发明实施例通过将树结构的数据节点扁平化为数据节点列表，以列表可视区渲染的方式实现渲染，大大提高了渲染效率；利用信息标记步骤标记的数据节点的索引值和节点关系，能够快速查找到当前数据节点的子节点和祖先节点，从而能够快速筛选出所要渲染的数据节点。

另外，在本发明实施例中，利用信息标记步骤标记的数据节点的索引值和节点关系，可以高效获取当前节点的相关节点，从而实现高效的节点选中操作。

从而，本发明能够实现支持大量数据渲染的树组件，并能进行流畅的节点显示、节点查找、节点选中等操作。

附图说明

通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的附图标记通常代表相同部件。

图1示出了根据本发明的一个示例性实施例的树组件渲染方法的示意性流程图。