树形控件的数据处理方法、装置、设备和存储介质制造方法及图纸

本申请提出一种树形控件的数据处理方法、装置、设备和存储介质，该方法包括：从树形控件的树结构数据中获取树形控件中第一叶子节点的节点数据；根据从第一叶子节点的节点数据中提取的键和值，构建第一叶子节点的map；响应于对展示的树形控件上的第一叶子节点的第一点击事件，将被选中的第一叶子节点作为目标叶子节点；将目标叶子节点的键作为目标键，从对应的map中获取目标键对应的值作为目标值；结合目标叶子节点所配置的辅助控件对目标叶子节点的目标值进行渲染，将渲染后得到的渲染数据展示在页面上。本申请通过map映射，减少了对整个树结构数据的循环遍历，能够快速获取到待渲染的数据并进行渲染，进而减少了页面卡顿。进而减少了页面卡顿。进而减少了页面卡顿。

【技术实现步骤摘要】
树形控件的数据处理方法、装置、设备和存储介质


[0001]本申请涉及计算机
，尤其涉及一种树形控件的数据处理方法、装置、设备和存储介质。

技术介绍

[0002]树形结构选择控件和表格控件是现在系统中广泛使用的控件。使用树形控件可以对事物进行分类，例如对动物分为哺乳动物、非哺乳动物等，再对哺乳动物进行分类，分为猫类、犬类等，一级一级分类就形成了一个具有多个分支的树。树形控件很好的解决了种类过多导致数据混乱的问题。
[0003]在选择了树形控件的节点后，有的节点的节点数据需要辅助控件进行渲染后显示。因此，需要在树形控件对应的树结构数据中通过遍历查找需要渲染的节点数据，由于树形控件的数据庞大，如果有较多需要渲染的节点数据，则遍历查找需要花费较多时间，导致加载时间过长、页面卡顿。
[0004]另外，如果树形控件层级或分支较多的话，如果需要重新选取树形控件的一些节点则需要花时间去树形控件中展开并取消已勾选的节点或新增未勾选的节点，在多次对树形控件进行重新选择时，需要花费大量时间，用户体验不理想。

技术实现思路

[0005]为了解决现有技术中通过遍历查找节点数据导致数据加载时间过长、页面卡顿、以及重新取消选择树形控件的节点需要花费大量时间展开查找的技术问题。本申请提供了一种树形控件的数据处理方法、装置、设备和存储介质，其主要目的在于减少对整个树结构数据的遍历进而减少页面卡顿，同时实现了渲染数据与树形控件的联动。
[0006]为实现上述目的，本申请提供了一种树形控件的数据处理方法，该方法包括：
[0007]从树形控件的树结构数据中获取树形控件中第一叶子节点的节点数据，其中，第一叶子节点为配置有辅助控件的叶子节点，辅助控件用于渲染第一叶子节点的节点数据；
[0008]根据从第一叶子节点的节点数据中提取的键和值，构建第一叶子节点的map，map中存储有第一叶子节点的键与值的映射；
[0009]响应于对展示的树形控件上的第一叶子节点的第一点击事件，将被选中的第一叶子节点作为第一目标叶子节点；
[0010]从对应的map中获取第一目标键对应的值作为第一目标值，其中，第一目标键为第一目标叶子节点的键；
[0011]结合第一目标叶子节点所配置的辅助控件对第一目标叶子节点的第一目标值进行渲染，将渲染后得到的第一渲染数据展示在页面上。
[0012]此外，为实现上述目的，本申请还提供了一种树形控件的数据处理装置，该装置包括：
[0013]第一数据获取模块，用于从树形控件的树结构数据中获取树形控件中第一叶子节
点的节点数据，其中，第一叶子节点为配置有辅助控件的叶子节点，辅助控件用于渲染第一叶子节点的节点数据；
[0014]映射构建模块，用于根据从第一叶子节点的节点数据中提取的键和值，构建第一叶子节点的map，map中存储有第一叶子节点的键与值的映射；
[0015]第一响应模块，用于响应于对展示的树形控件上的第一叶子节点的第一点击事件，将被选中的第一叶子节点作为第一目标叶子节点；
[0016]第一查找模块，用于从对应的map中获取第一目标键对应的值作为第一目标值，第一目标键为第一目标叶子节点的键；
[0017]第一渲染模块，用于结合第一目标叶子节点所配置的辅助控件对第一目标叶子节点的第一目标值进行渲染，将渲染后得到的第一渲染数据展示在页面上。
[0018]为实现上述目的，本申请还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机可读指令，处理器执行计算机可读指令时执行如前面任一项的树形控件的数据处理方法的步骤。
[0019]为实现上述目的，本申请还提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机可读指令，计算机可读指令被处理器执行时，使得处理器执行如前面任一项的树形控件的数据处理方法的步骤。
[0020]本申请提出的树形控件的数据处理方法、装置、设备和存储介质，通过map映射，构建待渲染数据与对应叶子节点之间的映射关系，当需要渲染某些叶子节点的待渲染数据时，直接从map中查找对应的待渲染数据，减少了对整个树结构数据的循环遍历，进而能够快速获取到待渲染数据并进行渲染，减少加载时长，进而减少了页面卡顿。解决了现有技术中每次都要循环遍历树形控件对应的树结构数据，导致页面卡顿的技术问题。
附图说明
[0021]图1为本申请一实施例中树形控件的数据处理方法的应用场景图；
[0022]图2为本申请一实施例中树形控件的数据处理方法的流程示意图；
[0023]图3为本申请一实施例中树形控件的展示效果图；
[0024]图4为本申请一实施例中树形控件的数据处理装置的结构框图；
[0025]图5为本申请一实施例中计算机设备的内部结构框图。
[0026]本申请目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
[0027]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
[0028]本申请提供的树形控件的数据处理方法，可应用在如图1的树形控件的数据处理系统中。该树形控件的数据处理系统包括通过网络通信的终端设备110和服务器端120。终端设备110可以但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿
戴设备。服务器端120可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
[0029]服务器端120从树形控件的树结构数据中获取树形控件中第一叶子节点的节点数据，其中，第一叶子节点为配置有辅助控件的叶子节点，辅助控件用于渲染第一叶子节点的节点数据；服务器端120根据从第一叶子节点的节点数据中提取的键和值，构建第一叶子节点的map，map中存储有第一叶子节点的键与值的映射；服务器端120响应于对展示在终端设备110上的树形控件的第一叶子节点的第一点击事件，将被选中的第一叶子节点作为第一目标叶子节点；服务器端120将第一目标叶子节点的键作为第一目标键，从对应的map中获取第一目标键对应的值作为第一目标值；服务器端120将第一目标值下发给终端设备110，终端设备110结合第一目标叶子节点所配置的辅助控件对第一目标叶子节点的第一目标值进行渲染，将渲染后得到的第一渲染数据展示在终端设备110的页面上。
[0030]图2为本申请一实施例中树形控件的数据处理方法的流程示意图。参考图2。该执行树形控件的数据处理方法包括以下步骤S100
‑
S500。
[0031]S100：从树形控件的树结构数据中获取树形控件中第一叶子本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种树形控件的数据处理方法，其特征在于，所述方法包括：从树形控件的树结构数据中获取所述树形控件中第一叶子节点的节点数据，其中，所述第一叶子节点为配置有辅助控件的叶子节点，所述辅助控件用于渲染所述第一叶子节点的节点数据；根据从所述第一叶子节点的节点数据中提取的键和值，构建所述第一叶子节点的map，所述map中存储有所述第一叶子节点的键与值的映射；响应于对展示的树形控件上的所述第一叶子节点的第一点击事件，将被选中的第一叶子节点作为第一目标叶子节点；从对应的所述map中获取第一目标键对应的值作为第一目标值，其中，所述第一目标键为所述第一目标叶子节点的键；结合所述第一目标叶子节点所配置的辅助控件对所述第一目标叶子节点的第一目标值进行渲染，将渲染后得到的第一渲染数据展示在页面上。2.根据权利要求1所述的方法，其特征在于，所述辅助控件包括表格控件；所述结合所述第一目标叶子节点所配置的辅助控件对所述第一目标叶子节点的第一目标值进行渲染，将渲染后得到的第一渲染数据展示在页面上，包括：展示为所述第一目标叶子节点所配置的表格控件，将所述第一目标值填充至所述表格控件对应的单元格中，在所述单元格中展示所述第一目标值。3.根据权利要求1所述的方法，其特征在于，所述从对应的所述map中获取第一目标键对应的值作为第一目标值，包括：将所述第一目标叶子节点的键作为第一目标键添加至目标数组中；根据所述目标数组中的第一目标键从对应的所述map中获取对应的值作为第一目标值。4.根据权利要求3所述的方法，其特征在于，所述方法还包括：在所述页面上增加并展示每一个所述第一渲染数据所对应的删除按钮；响应于对至少一个所述删除按钮的第二点击事件，将待删渲染数据对应的第一目标键从所述目标数组中删除，所述待删渲染数据为被点击的删除按钮所对应的第一渲染数据；刷新页面以取消对所述待删渲染数据的展示；响应于对所述目标数组中待删渲染数据的第一目标键的删除事件，在所述树形控件上联动取消选择所述待删渲染数据对应的第一目标叶子节点。5.根据权利要求4所述的方法，其特征在于，所述刷新页面以取消对所述待删渲染数据的展示，包括：从对应的所述map中重新获取第二目标键所对应的值作为第二目标值，其中，所述第二目标键为所述目标数组中余下的键；结合第二目标叶子节点所配置的辅助控件对所述第二目标叶子节点的第二目标值进行渲染，将渲染后得到的第二渲染数据展示在页面上，其中，所述第二目标叶子节点为所述第二目标键所对应的第一叶子节点。6.根据权利要求3所述的方法，其特征在于，所述方法还包括：响应于对所述第一目标叶子节点的第三点击事件，将待删目标叶子节点的第一目标键
从所述目标数组中删除，其中，所述待删目标叶子节点为树形控件上被取消选择的第一目标叶子节点；刷新页面以取消对所述待删目标叶子节点所对应的第一渲...

【专利技术属性】
技术研发人员：韦金记，
申请(专利权)人：中国平安财产保险股份有限公司，
类型：发明
国别省市：