列表数据的展示方法、装置和电子设备制造方法及图纸

本申请涉及数据处理技术领域，公开了一种列表数据的展示方法、装置和电子设备，列表数据的展示方法包括：接收针对列表数据的展示指令，从列表数据中加载第一数据量的列表数据进行渲染得到渲染列表；将渲染列表的预设区域设为可见列表；可见列表用于在展示区域中进行展示；当接收到用户对可见列表的更新指令时，对可见列表进行更新并展示，以对渲染列表进行更新；在更新过程中，渲染列表对应的列表数据保持第一数据量。本申请的列表数据的展示方法可以随着可见列表的更新对所有的列表数据进行展示，且保持渲染的列表数据的第一数据量，不会造成浏览器的卡顿。

Display method, device and electronic equipment of tabulated data

【技术实现步骤摘要】
列表数据的展示方法、装置和电子设备
本申请涉及数据处理
，具体而言，本申请涉及一种列表数据的展示方法、装置和电子设备。
技术介绍
数据信息常用的展现方式是通过电子表格在计算机中展示，而用于展示数据的电子表格形式多为具有多行多列的数据列表。通常在展示数据列表时采用Vue框架，Vue框架是一套用于构建用户界面的渐进式JavaScript框架，但采用Vue框架时需要管理DOM((DocumentObjectModel，文档对象模型)操作，需要加入额外的信息来保证数据与界面的同步，当待展示的列表数据的数据量较大时，采用Vue框架容易造成浏览器卡顿。
技术实现思路
本申请的目的旨在至少能解决上述的技术缺陷之一，特提出以下技术方案：第一方面，提供了一种列表数据的展示方法，包括：接收针对列表数据的展示指令，从列表数据中加载第一数据量的列表数据进行渲染得到渲染列表；将渲染列表的预设区域设为可见列表；可见列表用于在展示区域中进行展示；当接收到用户对可见列表的更新指令时，对可见列表进行更新并展示，以本文档来自技高网...

【技术保护点】
1.一种列表数据的展示方法，应用于列表展示组件，其特征在于，包括：/n接收针对列表数据的展示指令，从所述列表数据中加载第一数据量的列表数据进行渲染得到渲染列表；/n将所述渲染列表的预设区域设为可见列表；所述可见列表用于在展示区域中进行展示；/n当接收到用户对所述可见列表的更新指令时，对所述可见列表进行更新并展示，以对所述渲染列表进行更新；在更新过程中，所述渲染列表对应的列表数据保持所述第一数据量。/n

【技术特征摘要】
1.一种列表数据的展示方法，应用于列表展示组件，其特征在于，包括：
接收针对列表数据的展示指令，从所述列表数据中加载第一数据量的列表数据进行渲染得到渲染列表；
将所述渲染列表的预设区域设为可见列表；所述可见列表用于在展示区域中进行展示；
当接收到用户对所述可见列表的更新指令时，对所述可见列表进行更新并展示，以对所述渲染列表进行更新；在更新过程中，所述渲染列表对应的列表数据保持所述第一数据量。


2.根据权利要求1所述的列表数据的展示方法，其特征在于，所述对所述渲染列表进行更新，包括：
从所述渲染列表中卸载所述更新指令所指示的列表数据；
从所述列表数据中加载新的列表数据进行渲染以添加到所述渲染列表中；其中，所卸载的列表数据的数据量与所加载的新的列表数据的数据量相等。


3.根据权利要求1所述的列表数据的展示方法，其特征在于，所述对所述可见列表进行更新，包括：
将所述更新后的渲染列表的所述预设区域设为更新后的可见列表。


4.根据权利要求1所述的列表数据的展示方法，其特征在于，接收针对列表数据的展示指令，从所述列表数据中加载第一数据量的列表数据进行渲染得到渲染列表之前，还包括：
接收用户输入的参数设置指令，基于所述参数设置指令设置所述列表展示组件的所述第一数据量、所述预设区域的位置、所述预设区域对应的可见列表的数据量、所述展示区域的位置和所述展示区域对应的可见列表的数据量。


5.根据权利要求4所述的列表数据的展示方法，其特征在于，还包括：
若所述预设区域对应的可见列表的数据量大于所述展示区域对应的可见列表的数据量，在所述展示区域显示滚动条。


6.根据权利要求5所述的列表...

【专利技术属性】
技术研发人员：江霖，
申请(专利权)人：望海康信北京科技股份公司，
类型：发明
国别省市：北京;11