System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本申请属于信息处理,尤其涉及一种数据的渲染方法、装置、终端设备和可读存储介质。
技术介绍
1、树形结构是交互设计中的基础组件,其拥有清晰的层级结构,可以通过这些清晰的层级结构来展示层级信息,以便用户根据层级结构来浏览和选择不同的项目或选项。树形结构使用较为广泛,例如导航、空间或逻辑组织、页面定位、级联选择等,其结构可展开或折叠,并根据相应的使用环境可进行相应的适应性改造。
2、在相关技术中,树形数据大多是采用递归形式生成,当树形数据较多时,例如超过1000条时,采用递归形式生成的树形结构在渲染时容易出现卡顿,从而影响用户体验。
技术实现思路
1、本申请实施例提供一种数据的渲染方法、装置、终端设备和可读存储介质,可以解决相关技术中采用树形结构渲染大量数据时容易卡顿的问题。
2、第一方面,本申请实施例提供了一种数据的渲染方法,包括:
3、获取树形数据;
4、将树形数据转换成扁平数组;
5、为扁平数组中的数据设置属性参数,得到第一数据;
6、为第一数据设置筛选参数,得到第二数据;
7、接收滚动指令,并根据滚动指令确定可视区域;
8、利用vxe-list组件在可视区域内渲染第二数据。
9、第二方面,本申请实施例提供了一种数据的渲染装置,包括:
10、获取模块,用于获取树形数据;
11、转换模块,用于将树形数据转换成扁平数组;
12、第一设置模块,用
13、第二设置模块,用于为第一数据设置筛选参数,得到第二数据;
14、确定模块,用于接收滚动指令,并根据滚动指令确定可视区域;
15、渲染模块,用于利用vxe-list组件在可视区域内渲染第二数据。
16、第三方面,本申请实施例提供了一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述数据的渲染方法的步骤。
17、第四方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述数据的渲染方法的步骤。
18、第五方面,本申请实施例提供了一种计算机程序产品,当计算机程序产品在终端设备上运行时,使得终端设备执行上述数据的渲染方法。
19、本申请实施例与现有技术相比的有益效果是:本申请实施例通过获取树形数据,并将树形数据转换成扁平数组,再为扁平数组中的数据设置属性参数,得到第一数据,以及为第一数据设置筛选参数,得到第二数据,然后接收滚动指令,并根据滚动指令确定可视区域,最后利用vxe-list组件在可视区域内渲染第二数据。本申请实施例通过将树形数据转换成扁平数组,不需要再递归遍历整个树形结构,可以直接在扁平数组中查找和渲染数据,从而提高渲染性能,减少渲染时间,提高用户体验。同时为扁平数据中的数据设置属性参数以及筛选参数,可以便于后续控制数据节点的状态,以及使得用户可以对数据进行筛选,从而提升用户的使用体验。
本文档来自技高网...【技术保护点】
1.一种数据的渲染方法,其特征在于,包括:
2.如权利要求1所述的数据的渲染方法,其特征在于,所述为所述第一数据设置筛选参数,得到第二数据,包括:
3.如权利要求2所述的数据的渲染方法,其特征在于,所述利用vxe-list组件在所述可视区域内渲染所述第二数据,包括:
4.如权利要求1所述的数据的渲染方法,其特征在于,在所述为所述第一数据设置筛选参数,得到第二数据之后,所述接收滚动指令,并根据所述滚动指令确定可视区域之前,所述方法还包括:
5.如权利要求1所述的数据的渲染方法,其特征在于,所述为所述扁平数组中的数据设置属性参数,得到第一数据,包括:
6.如权利要求1所述的数据的渲染方法,其特征在于,所述将所述树形数据转换成扁平数组,包括:
7.如权利要求1所述的数据的渲染方法,其特征在于,在所述获取树形数据之后,所述将所述树形数据转换成扁平数组之前,所述方法还包括:
8.一种数据的渲染装置,其特征在于,包括:
9.一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述数据的渲染方法的步骤。
...【技术特征摘要】
1.一种数据的渲染方法,其特征在于,包括:
2.如权利要求1所述的数据的渲染方法,其特征在于,所述为所述第一数据设置筛选参数,得到第二数据,包括:
3.如权利要求2所述的数据的渲染方法,其特征在于,所述利用vxe-list组件在所述可视区域内渲染所述第二数据,包括:
4.如权利要求1所述的数据的渲染方法,其特征在于,在所述为所述第一数据设置筛选参数,得到第二数据之后,所述接收滚动指令,并根据所述滚动指令确定可视区域之前,所述方法还包括:
5.如权利要求1所述的数据的渲染方法,其特征在于,所述为所述扁平数组中的数据设置属性参数,得到第一数据,包括:
6.如权利要求1所述...
【专利技术属性】
技术研发人员:张艺光,石自军,于鹏,黄宇强,
申请(专利权)人:深圳市金政软件技术有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。