树形组件的渲染方法、装置及电子设备制造方法及图纸

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

【技术实现步骤摘要】
树形组件的渲染方法、装置及电子设备


[0001]本专利技术涉及计算机
，尤其涉及一种树形组件的渲染方法、装置及电子设备。

技术介绍

[0002]树形结构指的是数据元素之间存在着“一对多”的树形关系的数据结构，其是一类重要的非线性数据结构。树形组件是一种用于展示树形结构的层级嵌套组件，其多用于表达组织架构、地理划分等信息。
[0003]但是，目前渲染显示后的树形组件中各节点的组件类型、组件内容等节点信息通常无法修改，使得树形组件的应用灵活性较低。

技术实现思路

[0004]有鉴于此，本申请提供一种树形组件的渲染方法、装置及电子设备，在一定程度上提升了树形组件的应用灵活性。
[0005]依据本申请的第一方面，提供了一种树形组件的渲染方法，方法包括：
[0006]接收对树形组件中编辑节点的编辑输入；
[0007]响应于所述编辑输入，获取所述编辑节点的节点索引以及所述树形组件的树对象数据，所述树对象数据包括：组件描述数组，所述组件描述数组中的元素是所述树形组件中节点的节点数据，所述节点索引用于指示所述编辑节点的节点数据在所述组件描述数组中的位置；
[0008]基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理，得到编辑后的树对象数据；
[0009]基于所述编辑后的树对象数据渲染所述树形组件，其中，所述节点数据包括组件渲染数据，在所述树形组件为多层级树形组件的情况下，所述组件描述数组为嵌套数组，所述组件描述数组涵盖的多个数组与所述树形组件中的节点层级一一对应，所述数组中的每个元素是位于与所述数组对应的目标层级的一个节点的节点数据，在节点具有子节点的情况下，所述节点的节点数据还包括：与所述目标层级的下一层级对应的数组，所述多个数组的嵌套关系表示所述树形组件中多个节点之间的层级关系。
[0010]依据本申请的第二方面，提供了一种树形组件的渲染装置，装置包括：
[0011]接收模块，用于接收对树形组件中编辑节点的编辑输入；
[0012]获取模块，用于响应于所述编辑输入，获取所述编辑节点的节点索引以及所述树形组件的树对象数据，所述树对象数据包括：组件描述数组，所述组件描述数组中的元素是所述树形组件中节点的节点数据，所述节点索引用于指示所述编辑节点的节点数据在所述组件描述数组中的位置；
[0013]编辑模块，用于基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理，得到编辑后的树对象数据；
[0014]渲染模块，用于基于所述编辑后的树对象数据渲染所述树形组件，其中，所述节点数据包括组件渲染数据，在所述树形组件为多层级树形组件的情况下，所述组件描述数组为嵌套数组，所述组件描述数组涵盖的多个数组与所述树形组件中的节点层级一一对应，所述数组中的每个元素是位于与所述数组对应的目标层级的一个节点的节点数据，在节点具有子节点的情况下，所述节点的节点数据还包括：与所述目标层级的下一层级对应的数组，所述多个数组的嵌套关系表示所述树形组件中多个节点之间的层级关系。
[0015]依据本申请的第三方面，提供了一种电子设备，包括：处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如第一方面任一所述的树形组件的渲染方法的步骤
[0016]依据本申请的第四方面，提供了一种计算机可读存储介质，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如第一方面任一所述的树形组件的渲染方法的步骤。
[0017]针对相关技术，本申请具备如下优点：
[0018]本申请实施例提供的树形组件的渲染方法、装置及电子设备，由于树对象数据包括组件描述数组，且组件描述数组中的元素是树形组件中节点的节点数据，并且通过接收对树形组件中编辑节点的编辑输入，可以获取到编辑节点的节点索引，该节点索引用于指示编辑节点的节点数据在组件描述数组中的位置。因此，利用编辑输入可以基于节点索引对树对象数据进行编辑输入对应的编辑处理，从而基于编辑后的树对象数据重新渲染树形组件，实现对树形组件中节点的修改，提升树形组件的应用灵活性。
附图说明
[0019]图1是本申请实施例提供的一种树形组件的渲染方法的流程图；
[0020]图2是本申请实施例提供的一种树形组件的示意图；
[0021]图3是本申请实施例提供的另一种树形组件的示意图；
[0022]图4是本申请实施例提供的一种索引数组的编辑原理示意图；
[0023]图5是本申请实施例提供的一种节点编辑的原理示意图；
[0024]图6是本申请实施例提供的另一种节点编辑的原理示意图；
[0025]图7是本申请实施例提供的另一种索引数组的编辑原理示意图；
[0026]图8是本申请实施例提供的又一种节点编辑的原理示意图；
[0027]图9是本申请实施例提供的一种节点组件的选取方法的流程图；
[0028]图10是本申请实施例提供的一种节点组件的选取界面示意图；
[0029]图11是本申请实施例提供的再一种节点编辑的原理示意图；
[0030]图12是本申请实施例提供的一种树形组件的渲染装置的框图；
[0031]图13是本申请实施例提供的一种电子设备的框图。
具体实施方式
[0032]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施
例，都属于本专利技术保护的范围。
[0033]为了便于理解，下述先对本申请实施例涉及的名词进行说明。
[0034]嵌套数组：嵌套数组指的是数组元素为数组的数组，即嵌套数组中的至少部分元素为数组。其中，嵌套数组涵盖的最外层数组所在的嵌套层级为第一层级，最外层数组称为第一层数组。例如，针对嵌套数组data0[a，data01[data10[]]，data02[]]。位于第一嵌套层级的数组为data0；位于第二嵌套层级的数组为data01和data02；位于第三嵌套层级的数组为data10。
[0035]叶子节点：树形组件中不具有子节点的节点称为叶子节点。
[0036]选择节点：树形组件中具有子节点的节点称为选择节点。选择节点又称非叶子节点。
[0037]请参考图1，其示出了本申请实施例提供的一种树形组件的渲染方法的流程图。该渲染方法可以应用于电子设备。可选地，电子设备可以为手机、平板、电脑或者可穿戴设备等。如图1所示，树形组件的渲染方法包括：
[0038]步骤101、接收对树形组件中编辑节点的编辑输入。
[0039]本申请实施例中，编辑节点可以指的是对树形组件执行编辑操作的对象节点。例如，若想要删除树形组件中的第一节点，则编辑节点为第一节点。或者，若想要对树形组件中的第二节点添加子节点，则编辑节点本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种树形组件的渲染方法，其特征在于，所述方法包括：接收对树形组件中编辑节点的编辑输入；响应于所述编辑输入，获取所述编辑节点的节点索引以及所述树形组件的树对象数据，所述树对象数据包括：组件描述数组，所述组件描述数组中的元素是所述树形组件中节点的节点数据，所述节点索引用于指示所述编辑节点的节点数据在所述组件描述数组中的位置；基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理，得到编辑后的树对象数据；基于所述编辑后的树对象数据渲染所述树形组件，其中，所述节点数据包括组件渲染数据，在所述树形组件为多层级树形组件的情况下，所述组件描述数组为嵌套数组，所述组件描述数组涵盖的多个数组与所述树形组件中的节点层级一一对应，所述数组中的每个元素是位于与所述数组对应的目标层级的一个节点的节点数据，在节点具有子节点的情况下，所述节点的节点数据还包括：与所述目标层级的下一层级对应的数组，所述多个数组的嵌套关系表示所述树形组件中多个节点之间的层级关系。2.根据权利要求1所述的方法，其特征在于，所述编辑节点的添加控件与第一数组的数组索引绑定，所述第一数组为直接存储所述编辑节点的节点数据的数组，所述编辑输入为对所述添加控件的输入；所述获取所述编辑节点的节点索引，包括：将与所述添加控件绑定的数组索引确定为所述编辑节点的节点索引；所述基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理，得到编辑后的树对象数据，包括：在所述节点索引指示的第一数组的末尾写入新增节点的节点数据，得到编辑后的树对象数据。3.根据权利要求2所述的方法，其特征在于，所述添加控件包括子节点控件，所述编辑输入为对所述子节点控件的输入；在所述在所述节点索引指示的第一数组的末尾写入新增节点的节点数据之前，所述方法还包括：获取新增节点的子节点的组件渲染数据，生成所述子节点的节点数据；创建第二数组，将所述子节点的节点数据添加至所述第二数组；获取所述新增节点的组件渲染数据，生成所述新增节点的节点数据，所述新增节点的节点数据包括所述新增节点的组件渲染数据和所述第二数组。4.根据权利要求2所述的方法，其特征在于，所述添加控件包括叶子节点控件，所述编辑输入为对所述叶子节点控件的输入；在所述在所述节点索引指示的第一数组的末尾写入新增节点的节点数据之前，所述方法还包括：获取新增节点的组件渲染数据，生成所述新增节点的节点数据。5.根据权利要求3或4所述的方法，其特征在于，所述响应于所述编辑输入，包括：响应于所述编辑输入，显示多个候选组件的组件标识；接收对多个所述组件标识中目标组件标识的选择输入；
响应于所述选择输入，将所述目标组件标识指示的候选组件的组件渲染数据确定为新增节点的组件渲染数据，和/或新增节点的子节点的组件渲染数据。6.根据权利要求1所述的方法，其特征在于，所述编辑节点的删除控件与目标索引绑定，所述目标索引包括：第一数组的数组索引以及所述编辑节点的节点数据在所述第一数组中的数组元素编号，所述第一数组为直接存储所述编辑节点的节点数据的数组，所述编辑输入为对所述删除控件的输入；所述获取所述编辑节点的节点索引，包括：将与所述删除控件绑定的目标索引确定为所述编辑节点的节点索引；所述基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理，得到编辑后的树对象数据，包括：删除所述树对象数据中所述节点索引指示位置的节点数据，得到编辑后的树对象数据；所述方法还包括：根据所述编辑后的树对象数据中各节点数据的数组元素编号，更新所述树形组件中各节点的删除控件的目标索引。7.根据权利要求3或4或6所述的方法，其特征在于，所述树对象数据还包括：与所述多个数组一一对应的索引数组，所述数组的数组索引为与数组对应的索引数组的取值；所述基...

【专利技术属性】
技术研发人员：张伟伟，
申请(专利权)人：北京城市网邻信息技术有限公司，
类型：发明
国别省市：