树形组件的渲染方法、装置及电子设备与流程

本发明涉及计算机，尤其涉及一种树形组件的渲染方法、装置及电子设备。

背景技术：

1、树形结构指的是数据元素之间存在着“一对多”的树形关系的数据结构，其是一类重要的非线性数据结构。树形组件是一种用于展示树形结构的层级嵌套组件，其多用于表达组织架构、地理划分等信息。

2、但是，目前渲染显示后的树形组件中各节点的组件类型、组件内容等节点信息通常无法修改，使得树形组件的应用灵活性较低。

技术实现思路

1、有鉴于此，本申请提供一种树形组件的渲染方法、装置及电子设备，在一定程度上提升了树形组件的应用灵活性。

2、依据本申请的第一方面，提供了一种树形组件的渲染方法，方法包括：

3、接收对树形组件中编辑节点的编辑输入；

4、响应于所述编辑输入，获取所述编辑节点的节点索引以及所述树形组件的树对象数据，所述树对象数据包括：组件描述数组，所述组件描述数组中的元素是所述树形组件中节点的节点数据，所述节点索引用于指示所述编辑节点的节点数据在所述组件描述数组中的位置；

5、基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理，得到编辑后的树对象数据；

6、基于所述编辑后的树对象数据渲染所述树形组件，其中，所述节点数据包括组件渲染数据，在所述树形组件为多层级树形组件的情况下，所述组件描述数组为嵌套数组，所述组件描述数组涵盖的多个数组与所述树形组件中的节点层级一一对应，所述数组中的每个元素是位于与所述数组对应的目标层级的一个节点的节点数据，在节点具有子节点的情况下，所述节点的节点数据还包括：与所述目标层级的下一层级对应的数组，所述多个数组的嵌套关系表示所述树形组件中多个节点之间的层级关系。

7、依据本申请的第二方面，提供了一种树形组件的渲染装置，装置包括：

8、接收模块，用于接收对树形组件中编辑节点的编辑输入；

9、获取模块，用于响应于所述编辑输入，获取所述编辑节点的节点索引以及所述树形组件的树对象数据，所述树对象数据包括：组件描述数组，所述组件描述数组中的元素是所述树形组件中节点的节点数据，所述节点索引用于指示所述编辑节点的节点数据在所述组件描述数组中的位置；

10、编辑模块，用于基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理，得到编辑后的树对象数据；

11、渲染模块，用于基于所述编辑后的树对象数据渲染所述树形组件，其中，所述节点数据包括组件渲染数据，在所述树形组件为多层级树形组件的情况下，所述组件描述数组为嵌套数组，所述组件描述数组涵盖的多个数组与所述树形组件中的节点层级一一对应，所述数组中的每个元素是位于与所述数组对应的目标层级的一个节点的节点数据，在节点具有子节点的情况下，所述节点的节点数据还包括：与所述目标层级的下一层级对应的数组，所述多个数组的嵌套关系表示所述树形组件中多个节点之间的层级关系。

12、依据本申请的第三方面，提供了一种电子设备，包括：处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如第一方面任一所述的树形组件的渲染方法的步骤

13、依据本申请的第四方面，提供了一种计算机可读存储介质，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如第一方面任一所述的树形组件的渲染方法的步骤。

14、针对相关技术，本申请具备如下优点：

15、本申请实施例提供的树形组件的渲染方法、装置及电子设备，由于树对象数据包括组件描述数组，且组件描述数组中的元素是树形组件中节点的节点数据，并且通过接收对树形组件中编辑节点的编辑输入，可以获取到编辑节点的节点索引，该节点索引用于指示编辑节点的节点数据在组件描述数组中的位置。因此，利用编辑输入可以基于节点索引对树对象数据进行编辑输入对应的编辑处理，从而基于编辑后的树对象数据重新渲染树形组件，实现对树形组件中节点的修改，提升树形组件的应用灵活性。

技术特征：

1.一种树形组件的渲染方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述编辑节点的添加控件与第一数组的数组索引绑定，所述第一数组为直接存储所述编辑节点的节点数据的数组，所述编辑输入为对所述添加控件的输入；

3.根据权利要求2所述的方法，其特征在于，所述添加控件包括子节点控件，所述编辑输入为对所述子节点控件的输入；

4.根据权利要求2所述的方法，其特征在于，所述添加控件包括叶子节点控件，所述编辑输入为对所述叶子节点控件的输入；

5.根据权利要求3或4所述的方法，其特征在于，所述响应于所述编辑输入，包括：

6.根据权利要求1所述的方法，其特征在于，所述编辑节点的删除控件与目标索引绑定，所述目标索引包括：第一数组的数组索引以及所述编辑节点的节点数据在所述第一数组中的数组元素编号，所述第一数组为直接存储所述编辑节点的节点数据的数组，所述编辑输入为对所述删除控件的输入；

7.根据权利要求3或4或6所述的方法，其特征在于，所述树对象数据还包括：与所述多个数组一一对应的索引数组，所述数组的数组索引为与数组对应的索引数组的取值；

8.根据权利要求1所述的方法，其特征在于，所述节点数据包括的组件渲染数据为组件数据标识，所述组件数据标识用于供电子设备获取所述组件数据标识指示的组件渲染数据。

9.根据权利要求1所述的方法，其特征在于，所述树形组件的至少部分节点的组件为表单组件，在节点的组件为表单组件的情况下，所述节点数据还包括表单组件的用户输入数据；所述方法还包括：

10.根据权利要求8所述的方法，其特征在于，所述方法还包括：

11.根据权利要求1所述的方法，其特征在于，所述树对象数据包括数据结构为树对象结构的树数据，所述树数据包括第一键值对和第二键值对，所述第一键值对的值域用于存储所述组件描述数组，所述第二键值对的值域用于存储与所述组件描述数组对应的索引数组，

12.一种树形组件的渲染装置，其特征在于，所述装置包括：

13.一种电子设备，其特征在于，包括：处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至11中任一项所述的树形组件的渲染方法的步骤。

14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至11中任一项所述的树形组件的渲染方法的步骤。

技术总结
本申请提供了一种树形组件的渲染方法、装置及电子设备，涉及计算机技术领域。树形组件的渲染方法包括：接收对树形组件中编辑节点的编辑输入；响应于编辑输入，获取编辑节点的节点索引以及树形组件的树对象数据，树对象数据包括组件描述数组，组件描述数组中的元素是树形组件中节点的节点数据，节点索引用于指示编辑节点的节点数据在组件描述数组中的位置。基于节点索引对树对象数据进行编辑输入对应的编辑处理，得到编辑后的树对象数据；基于编辑后的树对象数据渲染树形组件，其中，节点数据包括组件渲染数据。本申请提升了树形组件的应用灵活性。

技术研发人员：张伟伟
受保护的技术使用者：北京城市网邻信息技术有限公司
技术研发日：
技术公布日：2024/1/15