一种树形控件构建方法、系统、设备和存储介质与流程

专利2026-07-04  12


本技术涉及软件开发领域,特别是一种树形控件构建方法、系统、设备和存储介质。


背景技术:

1、随着信息技术的发展,树形结构广泛应用在各种数据类应用中,树形结构是一种非线性结构,树中每个结点的都有关系性,在计算机中编译程序用来表示源代码的语法结构,数据库索引,计算机图形表示图像关系等。使用树形控件可以在用户视图中完整展现树形结构的层级关系,并具有展开收起选择等交互功能。

2、目前,在构建树形控件过程中,由于树形结构数据嵌套层数较多,节点的展开、折叠和选中等状态管理容易混乱。


技术实现思路

1、基于上述问题,本技术提供了一种树形控件构建方法、系统、设备和存储介质,能够将树形控件按照组件化方式进行开发,方便节点状态的管理。

2、本技术公开了如下技术方案:

3、本技术第一方面提供一种树形控件构建方法,包括:

4、获取原始数据;

5、将所述原始数据转换为树形结构的数据;所述树形结构的数据包括父节点数据和子节点数据;

6、基于所述树形结构的数据配置树形控件;所述树形控件包多个父节点组件和每个父节点组件对应的多个子节点组件;

7、针对不同的交互操作类型,配置各节点组件对应的交互事件;所述交互事件为针对用户的交互操作的处理逻辑;

8、配置节点组件的状态样式属性;所述状态样式属性用于表征节点组件的显示状态对应的显示样式;

9、响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新。

10、在一个可能的实现方式中,针对不同的交互操作类型,配置各节点组件对应的交互事件,包括:

11、针对父节点组件的折叠交互操作,配置父节点组件的折叠交互事件;

12、针对父节点组件的展开交互操作,配置父节点组件的展开交互事件;

13、针对父节点组件的选中交互操作,配置父节点组件的选中交互事件;

14、针对子节点组件的折叠交互操作,配置子节点组件的折叠交互事件;

15、针对子节点组件的展开交互操作,配置子节点组件的展开交互事件;

16、针对子节点组件的选中交互操作,配置子节点组件的选中交互事件。

17、在一个可能的实现方式中,所述响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新,包括:

18、响应于用户选中第一目标父节点组件的操作,在状态管理器中将所述第一目标父节点组件的状态设置为选中状态,触发所述第一目标父节点组件对应的第一目标子节点组件的选中事件,并根据第一目标父节点组件的选中样式属性对所述第一目标父节点组件的显示的样式进行更新;根据第一目标子节点组件的选中样式属性对所述第一目标子节点组件的显示的样式进行更新。

19、在一个可能的实现方式中,所述响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新,包括:

20、响应于用户折叠第二目标父节点组件的操作,在状态管理器中将所述第二目标父节点组件的状态设置为折叠状态,以隐藏所述第二目标父节点组件下显示的子节点组件,根据所述第二目标父节点组件的折叠样式属性对所述第二目标父节点组件的显示的样式进行更新。

21、在一个可能的实现方式中,所述响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新,包括:

22、响应于用户选中第三目标子节点组件的操作,在状态管理器中将所述第三目标子节点组件的状态设置为选中状态,根据所述第三目标子节点组件的选中样式属性对所述第三目标子节点组件的显示的样式进行更新。

23、在一个可能的实现方式中,所述响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新,包括:

24、响应于用户展开第四目标子节点组件的操作,在状态管理器中将所述第四目标子节点组件的状态设置为展开状态,异步加载对应的子节点数据,在加载完成后显示所述对应的子节点数据,根据所述第四目标子节点组件的展开样式属性对所述第四目标子节点组件的显示的样式进行更新。

25、本技术第二方面提供一种树形控件构建系统,包括:

26、数据获取模块,用于获取原始数据;

27、数据结构转换模块,用于将所述原始数据转换为树形结构的数据;所述树形结构的数据包括父节点数据和子节点数据;

28、树形控件配置模块,用于基于所述树形结构的数据配置树形控件;所述树形控件包多个父节点组件和每个父节点组件对应的多个子节点组件;

29、交互事件配置模块,用于针对不同的交互操作类型,配置各节点组件对应的交互事件;所述交互事件为针对用户的交互操作的处理逻辑;

30、样式属性配置模块,用于配置节点组件的状态样式属性;所述状态样式属性用于表征节点组件的显示状态对应的显示样式;

31、交互处理模块,用于响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新。

32、在一个可能的实现方式中,所述交互事件配置模块,具体用于:

33、针对父节点组件的折叠交互操作,配置父节点组件的折叠交互事件;

34、针对父节点组件的展开交互操作,配置父节点组件的展开交互事件;

35、针对父节点组件的选中交互操作,配置父节点组件的选中交互事件;

36、针对子节点组件的折叠交互操作,配置子节点组件的折叠交互事件;

37、针对子节点组件的展开交互操作,配置子节点组件的展开交互事件;

38、针对子节点组件的选中交互操作,配置子节点组件的选中交互事件。

39、本技术第三方面提供一种树形控件构建设备,包括:处理器、存储器、系统总线;

40、所述处理器以及所述存储器通过所述系统总线相连;

41、所述存储器用于存储一个或多个程序,所述一个或多个程序包括指令,所述指令当被所述处理器执行时使所述处理器执行本技术第一方面所述的树形控件构建方法。

42、本技术第四方面提供一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有指令,当所述指令在终端设备上运行时,使得所述终端设备执行本技术第一方面所述的树形控件构建方法。

43、相较于现有技术,本技术具有以下有益效果:

44、本技术提供的树形控件构建方法,获取原始数据;将所述原始数据转换为树形结构的数据;所述树形结构的数据包括父节点数据和子节点数据;基于所述树形结构的数据配置树形控件;所述树形控件包多个父节点组件和每个父节点组件对应的多个子节点组件;针对不同的交互操作类型,配置各节点组件对应的交互事件;所述交互事件为针对用户的交互操作的处理逻辑;配置节点组件的状态样式属性;所述状态样式属性用于表征节点组件的显示状态对应的显示样式;响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新。将树形结构通过组件化的控件进行显示,通过触发事件来处理用户的交互操作,以更新节点组件的状态和显示样式,方便节点的状态变更和管理。


技术特征:

1.一种树形控件构建方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,针对不同的交互操作类型,配置各节点组件对应的交互事件,包括:

3.根据权利要求1所述的方法,其特征在于,所述响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新,包括:

4.根据权利要求1所述的方法,其特征在于,所述响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新,包括:

5.根据权利要求1所述的方法,其特征在于,所述响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新,包括:

6.根据权利要求1所述的方法,其特征在于,所述响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对所述目标节点组件的显示的样式进行更新,包括:

7.一种树形控件构建系统,其特征在于,包括:

8.根据权利要求7所述的系统,其特征在于,所述交互事件配置模块,具体用于:

9.一种树形控件构建设备,其特征在于,包括:处理器、存储器、系统总线;

10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有指令,当所述指令在终端设备上运行时,使得所述终端设备执行权利要求1-6任一项所述的树形控件构建方法。


技术总结
本申请公开了一种树形控件构建方法、系统、设备和存储介质。可应用于金融领域或其他领域。该方法包括:获取原始数据;将原始数据转换为树形结构的数据;基于树形结构的数据配置树形控件;树形控件包多个父节点组件和每个父节点组件对应的多个子节点组件;针对不同的交互操作类型,配置各节点组件对应的交互事件;配置节点组件的状态样式属性;响应于用户对目标节点组件的交互操作,触发对应的交互事件来修改目标节点组件的显示状态,并根据对应的状态样式属性对目标节点组件的显示的样式进行更新。该方法将树形结构通过组件化的控件显示,通过触发事件来处理用户的交互操作,以更新节点组件的状态和显示样式,方便节点的状态变更和管理。

技术研发人员:欧彦婕
受保护的技术使用者:中国银行股份有限公司
技术研发日:
技术公布日:2024/7/25
转载请注明原文地址: https://bbs.8miu.com/read-441919.html

最新回复(0)