【技术实现步骤摘要】
树形组件的渲染方法、装置及电子设备
[0001]本专利技术涉及计算机
,尤其涉及一种树形组件的渲染方法、装置及电子设备。
技术介绍
[0002]树形结构指的是数据元素之间存在着“一对多”的树形关系的数据结构,其是一类重要的非线性数据结构。树形组件是一种用于展示树形结构的层级嵌套组件,其多用于表达组织架构、地理划分等信息。
[0003]但是,目前渲染显示后的树形组件中各节点的组件类型、组件内容等节点信息通常无法修改,使得树形组件的应用灵活性较低。
技术实现思路
[0004]有鉴于此,本申请提供一种树形组件的渲染方法、装置及电子设备,在一定程度上提升了树形组件的应用灵活性。
[0005]依据本申请的第一方面,提供了一种树形组件的渲染方法,方法包括:
[0006]接收对树形组件中编辑节点的编辑输入;
[0007]响应于所述编辑输入,获取所述编辑节点的节点索引以及所述树形组件的树对象数据,所述树对象数据包括:组件描述数组,所述组件描述数组中的元素是所述树形组件中节点的节点数据,所述节点索引用于指示所述编辑节点的节点数据在所述组件描述数组中的位置;
[0008]基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理,得到编辑后的树对象数据;
[0009]基于所述编辑后的树对象数据渲染所述树形组件,其中,所述节点数据包括组件渲染数据,在所述树形组件为多层级树形组件的情况下,所述组件描述数组为嵌套数组,所述组件描述数组涵盖的多个数组与所述树形组件中的节点 ...
【技术保护点】
【技术特征摘要】
1.一种树形组件的渲染方法,其特征在于,所述方法包括:接收对树形组件中编辑节点的编辑输入;响应于所述编辑输入,获取所述编辑节点的节点索引以及所述树形组件的树对象数据,所述树对象数据包括:组件描述数组,所述组件描述数组中的元素是所述树形组件中节点的节点数据,所述节点索引用于指示所述编辑节点的节点数据在所述组件描述数组中的位置;基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理,得到编辑后的树对象数据;基于所述编辑后的树对象数据渲染所述树形组件,其中,所述节点数据包括组件渲染数据,在所述树形组件为多层级树形组件的情况下,所述组件描述数组为嵌套数组,所述组件描述数组涵盖的多个数组与所述树形组件中的节点层级一一对应,所述数组中的每个元素是位于与所述数组对应的目标层级的一个节点的节点数据,在节点具有子节点的情况下,所述节点的节点数据还包括:与所述目标层级的下一层级对应的数组,所述多个数组的嵌套关系表示所述树形组件中多个节点之间的层级关系。2.根据权利要求1所述的方法,其特征在于,所述编辑节点的添加控件与第一数组的数组索引绑定,所述第一数组为直接存储所述编辑节点的节点数据的数组,所述编辑输入为对所述添加控件的输入;所述获取所述编辑节点的节点索引,包括:将与所述添加控件绑定的数组索引确定为所述编辑节点的节点索引;所述基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理,得到编辑后的树对象数据,包括:在所述节点索引指示的第一数组的末尾写入新增节点的节点数据,得到编辑后的树对象数据。3.根据权利要求2所述的方法,其特征在于,所述添加控件包括子节点控件,所述编辑输入为对所述子节点控件的输入;在所述在所述节点索引指示的第一数组的末尾写入新增节点的节点数据之前,所述方法还包括:获取新增节点的子节点的组件渲染数据,生成所述子节点的节点数据;创建第二数组,将所述子节点的节点数据添加至所述第二数组;获取所述新增节点的组件渲染数据,生成所述新增节点的节点数据,所述新增节点的节点数据包括所述新增节点的组件渲染数据和所述第二数组。4.根据权利要求2所述的方法,其特征在于,所述添加控件包括叶子节点控件,所述编辑输入为对所述叶子节点控件的输入;在所述在所述节点索引指示的第一数组的末尾写入新增节点的节点数据之前,所述方法还包括:获取新增节点的组件渲染数据,生成所述新增节点的节点数据。5.根据权利要求3或4所述的方法,其特征在于,所述响应于所述编辑输入,包括:响应于所述编辑输入,显示多个候选组件的组件标识;接收对多个所述组件标识中目标组件标识的选择输入;
响应于所述选择输入,将所述目标组件标识指示的候选组件的组件渲染数据确定为新增节点的组件渲染数据,和/或新增节点的子节点的组件渲染数据。6.根据权利要求1所述的方法,其特征在于,所述编辑节点的删除控件与目标索引绑定,所述目标索引包括:第一数组的数组索引以及所述编辑节点的节点数据在所述第一数组中的数组元素编号,所述第一数组为直接存储所述编辑节点的节点数据的数组,所述编辑输入为对所述删除控件的输入;所述获取所述编辑节点的节点索引,包括:将与所述删除控件绑定的目标索引确定为所述编辑节点的节点索引;所述基于所述节点索引对所述树对象数据进行所述编辑输入对应的编辑处理,得到编辑后的树对象数据,包括:删除所述树对象数据中所述节点索引指示位置的节点数据,得到编辑后的树对象数据;所述方法还包括:根据所述编辑后的树对象数据中各节点数据的数组元素编号,更新所述树形组件中各节点的删除控件的目标索引。7.根据权利要求3或4或6所述的方法,其特征在于,所述树对象数据还包括:与所述多个数组一一对应的索引数组,所述数组的数组索引为与数组对应的索引数组的取值;所述基...
【专利技术属性】
技术研发人员:张伟伟,
申请(专利权)人:北京城市网邻信息技术有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。