[发明专利]页面中列表的显示控制方法、系统、介质及设备

说明书

本发明公开了一种页面中列表的显示控制方法、系统、介质及设备。其中方法包括以下步骤：获取页面中列表显示区域的区域尺寸信息；获取列表显示区域中的显示列表的列表尺寸信息；在列表尺寸信息表征超出区域尺寸信息时，则将显示列表拆分成多个子列表，子列表的边界在列表显示区域内；控制多个子列表在列表显示区域中进行显示。本发明中通过获取列表显示区域的区域尺寸信息和显示列表的列表尺寸信息，在显示列表的列表尺寸信息超出列表显示区域的区域尺寸信息时，自动将数据列表拆分为若干个子列表，每个子列表的边界均在列表显示区域内，使其无需进一步滑动操作即可展示全部列表数据，提高了页面操作的便捷性和操作体验感。

技术领域

本发明涉及数据处理技术领域，具体涉及一种页面中列表的显示控制方法、系统、介质及设备。

背景技术

在现有技术中，计算机显示页面展示中经常会遇到从数据库读取列表数据列数过多，在有限的显示空间内会出现超长横向滚动条，超出显示区域的列表需要横向滑动才可进行查看，对于浏览、编辑、确认等操作，特别不友好，非常影响用户的页面操作体验感。

发明内容

本发明要解决的技术问题是为了克服现有技术中数据列表展示无法满足用户的实际操作需求的缺陷，提供一种页面中列表的显示控制方法、系统、介质及设备。

本发明是通过下述技术方案来解决上述技术问题：

一种页面中列表的显示控制方法，包括以下步骤：

获取所述页面中列表显示区域的区域尺寸信息；

获取所述列表显示区域中的显示列表的列表尺寸信息；

在所述列表尺寸信息的表征超出所述区域尺寸信息时，则将所述显示列表拆分成多个子列表，所述子列表的边界在所述列表显示区域内；

控制多个所述子列表在所述列表显示区域中进行显示。

较佳地，所述区域尺寸信息包括区域宽度信息，所述列表尺寸信息包括列表宽度信息；

所述控制多个所述子列表在所述列表显示区域中进行显示，包括：

控制多个所述子列表在所述列表显示区域中呈纵向排布显示。

较佳地，所述在所述列表尺寸信息的表征超出所述区域尺寸信息时，则将显示列表拆分成多个子列表，包括：

在所述列表宽度信息超出所述区域宽度信息时，则将所述显示列表拆分成多个所述子列表。

较佳地，所述区域尺寸信息包括区域高度信息，所述列表尺寸信息包括列表高度信息；

所述控制多个所述子列表在所述列表显示区域中进行显示，包括：

控制多个所述子列表在所述列表显示区域中呈横向排布显示。

较佳地，所述在所述列表尺寸信息的表征超出所述区域尺寸信息时，则将显示列表拆分成多个子列表，包括：

在所述列表高度信息超出所述区域高度信息时，则将所述显示列表拆分成多个所述子列表。

较佳地，所述控制多个所述子列表在所述列表显示区域中进行显示，包括：

获取不同的所述子列表之间的拆分节点信息；

控制多个所述子列表根据所述拆分节点信息进行依次排列显示。

较佳地，所述将所述显示列表拆分成多个子列表，包括：

计算所述列表尺寸信息与所述区域尺寸信息的第一比值；

基于所述第一比值确定所述子列表的总数量；

其中，所述总数量的所述子列表基于所述拆分节点信息进行关联。