[发明专利]基于滚动条定位的快速渲染表格数据的方法

摘要

本发明公开了一种基于滚动条定位的快速渲染表格数据的方法，包括根据表格内总数据条数和表格中一条数据的高度，计算总数据在表格中需要占用的高度：根据垂直滚动条距离表格顶端的高度计算出与垂直滚动条顶端在同一水平线上的数据在总数据中的索引；设定表格需要缓存的数据块数；根据表格需要缓存的数据块数计算出以当前表格显示页为中心块，位于当前表格显示页上方的未显示的需要缓存的数据块数和当前表格显示页下方的未显示的需要缓存的数据块数；计算当前表格需要渲染的全部缓存数据条数的开始索引S和结束索引E，在表格中渲染第S至E条的数据；本发明能够有效改善表格的渲染速度，提升用户体验。

主权项

1.一种基于滚动条定位的快速渲染表格数据的方法，其特征在于：包括以下步骤：步骤1：根据表格内总数据条数和表格中一条数据的高度，计算总数据在表格中需要占用的高度：H =N*h；其中，N为表格内总数据条数，h为表格内一条数据的高度，H为总数据在表格中需要占用的高度，将总数据在表格中需要占用的高度H设置为表格中垂直滚动条的占用高度；步骤2：根据垂直滚动条距离表格顶端的高度计算出与垂直滚动条顶端在同一水平线上的数据在总数据中的索引：I =X/h；其中，X为垂直滚动条距离表格顶端的高度， I为与垂直滚动条顶端在同一水平线上的数据在总数据中的索引；步骤3：以当前表格显示页显示的数据条数为一个数据块，设定表格需要缓存的数据块数；步骤4：根据表格需要缓存的数据块数计算出以当前表格显示页为中心块，位于当前表格显示页上方的未显示的需要缓存的数据块数和当前表格显示页下方的未显示的需要缓存的数据块数：p=(P–1)/2；其中P为表格需要缓存的数据块数，p为当前表格显示页上方的未显示的需要缓存的数据块数或当前表格显示页下方的未显示的需要缓存的数据块数；步骤5：计算当前表格需要渲染的全部缓存数据条数的开始索引和结束索引：S=I–p*V,S小于0时，S=0；E=I+(p+1)*V‑1,S大于N时，S=N；其中，V为当前表格显示页显示的数据条数，S为当前表格需要渲染的全部缓存数据条数的开始索引，E为当前表格需要渲染的全部缓存数据条数的结束索引；步骤6：在表格中渲染第S至E条的数据。