[发明专利]数据渲染方法、装置、设备及存储介质在审
申请号: | 202010876836.3 | 申请日: | 2020-08-27 |
公开(公告)号: | CN112000906A | 公开(公告)日: | 2020-11-27 |
发明(设计)人: | 王强林 | 申请(专利权)人: | 中国平安财产保险股份有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F9/451;G06F3/0485;G06F40/106 |
代理公司: | 北京市京大律师事务所 11321 | 代理人: | 姚维 |
地址: | 518048 广东省深圳市福田区益田路*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 数据 渲染 方法 装置 设备 存储 介质 | ||
1.一种数据渲染方法,其特征在于,所述数据渲染方法包括:
获取浏览器的外层元素终止行项,当检测到浏览器的外层元素滚动条发生滚动时,调用事件监听函数对所述外层元素滚动条的滚动距离进行事件监听,得到外层元素内容高度值,所述外层元素终止行项为所述浏览器可见区域的第一行或者浏览器可见区域的最后一行;
根据所述外层元素内容高度值、表格的标准行距阈值、表格的高度阈值和所述外层元素终止行项,得到目标渲染行量和对应的目标待渲染数据,所述目标待渲染数据包括数据区待渲染数据、行头区待渲染数据和列头区待渲染数据,所述目标待渲染数据为全量数据;
根据所述数据区待渲染数据、所述行头区待渲染数据和所述列头区待渲染数据,得到数据区数据结构、行头区数据结构和列头区数据结构;
渲染所述数据区待渲染数据,得到渲染后的数据区数据,并根据所述数据区数据结构、所述行头区数据结构和所述列头区数据结构渲染所述行头区待渲染数据和所述列头区待渲染数据,得到渲染后的行头区数据和渲染后的列头区数据;
将所述渲染后的数据区数据、所述渲染后的行头区数据和所述渲染后的列头区数据反馈至所述浏览器可见区域进行显示。
2.根据权利要求1所述的数据渲染方法,其特征在于,所述获取浏览器的外层元素终止行项,当检测到浏览器的外层元素滚动条发生滚动时,调用事件监听函数对所述外层元素滚动条的滚动距离进行事件监听,得到外层元素内容高度值,所述外层元素终止行项为所述浏览器可见区域的第一行或者浏览器可见区域的最后一行包括:
获取浏览器的外层元素终止行项,当检测到浏览器的外层元素滚动条发生滚动时,通过事件监听函数读取外层元素内容属性,所述外层元素终止行项为所述浏览器可见区域的第一行或者浏览器可见区域的最后一行;
从所述外层元素内容属性中读取外层元素内容高度值。
3.根据权利要求1所述的数据渲染方法,其特征在于,所述根据所述外层元素内容高度值、表格的标准行距阈值、表格的高度阈值和所述外层元素终止行项,得到目标渲染行量和对应的目标待渲染数据,所述目标待渲染数据包括数据区待渲染数据、行头区待渲染数据和列头区待渲染数据,所述目标待渲染数据为全量数据包括:
基于所述外层元素内容高度值,确定待渲染的表格内容高度值;
判断所述待渲染的表格内容高度值是否小于或者等于所述表格的高度阈值;
若所述待渲染的表格内容高度值小于或者等于表格的高度阈值,则基于所述待渲染的表格内容高度值和所述表格的标准行距阈值,计算得到目标渲染行量;
基于所述外层元素终止行项和所述目标渲染行量确定目标起始渲染行项和目标终止渲染行项;
基于所述目标起始渲染行项和所述目标终止渲染行项确定目标待渲染数据。
4.根据权利要求3所述的数据渲染方法,其特征在于,所述基于所述外层元素终止行项和所述目标渲染行量确定目标起始渲染行项和目标终止渲染行项包括:
通过所述事件监听函数,确定外层元素滚动条的滚动方向;
基于所述外层元素终止行项和所述外层元素滚动条的滚动方向确定目标起始渲染行项;
基于所述目标起始行项、所述外层元素滚动条的滚动方向和所述目标渲染行量,确定目标终止行项。
5.根据权利要求3所述的数据渲染方法,其特征在于,所述基于所述目标起始渲染行项和所述目标终止渲染行项确定目标待渲染数据包括:
从所述目标起始渲染行项中确定目标起始对象,从所述目标终止渲染行项中确定目标终止对象;
从所述目标起始对象中确定目标起始数组,从所述目标终止对象中确定目终止数组;
从所述目标起始数组中确定目标起始标识,从所述目标终止数组中确定目标终止标识;
基于所述目标起始标识和所述目标终止标识,确定目标待渲染数据。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中国平安财产保险股份有限公司,未经中国平安财产保险股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202010876836.3/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种防漏电锂电池回收装置
- 下一篇:一种家用小型山杏便捷去核装置
- 数据显示系统、数据中继设备、数据中继方法、数据系统、接收设备和数据读取方法
- 数据记录方法、数据记录装置、数据记录媒体、数据重播方法和数据重播装置
- 数据发送方法、数据发送系统、数据发送装置以及数据结构
- 数据显示系统、数据中继设备、数据中继方法及数据系统
- 数据嵌入装置、数据嵌入方法、数据提取装置及数据提取方法
- 数据管理装置、数据编辑装置、数据阅览装置、数据管理方法、数据编辑方法以及数据阅览方法
- 数据发送和数据接收设备、数据发送和数据接收方法
- 数据发送装置、数据接收装置、数据收发系统、数据发送方法、数据接收方法和数据收发方法
- 数据发送方法、数据再现方法、数据发送装置及数据再现装置
- 数据发送方法、数据再现方法、数据发送装置及数据再现装置