一种多级列表展示的方法及终端与流程

1.本发明涉及客户端开发技术领域，特别涉及一种多级列表展示的方法及终端。


背景技术：

2.目前在安卓(android)客户端(app)的开发中，针对多级列表的页面布局主要包括两种视图模式，一种是平铺视图(tile view)，用于表示多级列表展开进行显示，另一种是嵌套视图(nested view)，用于表示多级列表数据嵌套进行展示，例如一级列表项对应的二级列表数据，展示在一级列表项所在行的下方。
3.现有技术为了解决多级列表嵌套展示的布局问题，主要通过如下方案实现，一种是不影响一级列表的布局，在新的弹窗页面显示二级列表，无法满足将二级列表数据平铺展示在一级列表中的需求；另一种是对一级列表拆分后，在当前页面添加并展示二级列表的页面布局以及二级列表的数据，该方案需要使用与一级列表不同的列表控件确定二级列表的页面布局，布局计算复杂。


技术实现要素：

4.本发明提供一种多级列表展示的方法及终端，用于将二级列表的数据整体作为一级列表的一个数据项插入一级列表中，提高了列表使用效率，降低了多级列表布局的复杂度。
5.第一方面，本发明实施例提供的一种多级列表展示的方法，包括：
6.接收对第一列表的项目的触控指令，确定所述第一列表中与所述触控制指令对应的插入位置；
7.获取与所述项目对应的第二列表的数据，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置；
8.对所述第一列表的页面进行刷新后展示。
9.本实施例将第二列表的所有的数据作为第一列表的数据项插入到第一列表中与触控指令对应的位置，由于第二列表的数据是作为第一列表的数据项进行插入实现的，因此第二列表的该展示方式不需要对第一列表进行拆分，无需进行复杂的页面布局计算，只针对第一列表中具有改动的插入位置上的数据项进行相应的填充、插入、移除等，只需要在第一列表确定的页面布局的基础上，按同样的页面布局的方式插入新的数据项。提高了列表使用效率，降低了多级列表布局的复杂度。
10.作为一种可选的实施方式，所述获取与所述项目对应的第二列表的数据，包括：
11.通过与获取所述第一列表的数据相同的javabean组件，获取与所述项目对应的第二列表的数据。
12.作为一种可选的实施方式，所述将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置，包括：
13.通过使用所述第一列表的页面生成控件，将所述第二列表的数据与所述第一列表
中的插入位置进行关联；
14.在所述关联后的所述插入位置添加所述第二列表的数据。
15.作为一种可选的实施方式，所述对所述第一列表的页面进行刷新，包括：
16.根据所述第二列表的数据与所述插入位置的关联关系，对所述第一列表中所述插入位置的所述第二列表的数据进行刷新。
17.作为一种可选的实施方式，所述将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置，包括：
18.根据所述第一列表的项目布局，确定所述第二列表的布局参数配置；
19.根据所述布局参数配置，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置。
20.作为一种可选的实施方式，所述根据所述第一列表的项目布局，确定所述第二列表的布局参数配置，包括：
21.将所述第二列表的布局宽度，配置为与所述第一列表的项目布局的整体宽度相同的宽度；
22.将所述第二列表的布局高度，配置为容纳所述第二列表的所有数据的最小高度。
23.作为一种可选的实施方式，所述根据所述第一列表的项目布局，确定所述第二列表的布局参数配置，包括：
24.根据所述第一列表每行所容纳的最多项目数量以及所述第二列表的数据量，确定所述第二列表的布局的行数和列数。
25.作为一种可选的实施方式，所述确定所述第二列表的布局的行数和列数之后，还包括：
26.若所述第二列表的最后一行布局的项目数量小于所述最后一行所容纳的最多项目数量，则确定在所述第二列表的最后一行所需填充的项目个数；
27.利用所述项目个数的占位view对所述最后一行进行填充。
28.作为一种可选的实施方式，所述接收对第一列表的项目的触控指令之前，还包括：
29.确定所述第一列表中已添加第二列表的数据，移除添加的所述第二列表的数据。
30.第二方面，本发明实施例提供的一种多级列表展示的终端，该终端包括处理器和存储器，所述存储器用于存储所述处理器可执行的程序，所述处理器用于读取所述存储器中的程序并执行如下步骤：
31.接收对第一列表的项目的触控指令，确定所述第一列表中与所述触控制指令对应的插入位置；
32.获取与所述项目对应的第二列表的数据，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置；
33.对所述第一列表的页面进行刷新后展示。
34.作为一种可选的实施方式，所述处理器具体被配置为执行：
35.通过与获取所述第一列表的数据相同的javabean组件，获取与所述项目对应的第二列表的数据。
36.作为一种可选的实施方式，所述处理器具体被配置为执行：
37.通过使用所述第一列表的页面生成控件，将所述第二列表的数据与所述第一列表
中的插入位置进行关联；
38.在所述关联后的所述插入位置添加所述第二列表的数据。
39.作为一种可选的实施方式，所述处理器具体被配置为执行：
40.根据所述第二列表的数据与所述插入位置的关联关系，对所述第一列表中所述插入位置的所述第二列表的数据进行刷新。
41.作为一种可选的实施方式，所述处理器具体被配置为执行：
42.根据所述第一列表的项目布局，确定所述第二列表的布局参数配置；
43.根据所述布局参数配置，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置。
44.作为一种可选的实施方式，所述处理器具体被配置为执行：
45.将所述第二列表的布局宽度，配置为与所述第一列表的项目布局的整体宽度相同的宽度；
46.将所述第二列表的布局高度，配置为容纳所述第二列表的所有数据的最小高度。
47.作为一种可选的实施方式，所述处理器具体被配置为执行：
48.根据所述第一列表每行所容纳的最多项目数量以及所述第二列表的数据量，确定所述第二列表的布局的行数和列数。
49.作为一种可选的实施方式，所述确定所述第二列表的布局的行数和列数之后，处理器具体还被配置为执行：
50.若所述第二列表的最后一行布局的项目数量小于所述最后一行所容纳的最多项目数量，则确定在所述第二列表的最后一行所需填充的项目个数；
51.利用所述项目个数的占位view对所述最后一行进行填充。
52.作为一种可选的实施方式，所述接收对第一列表的项目的触控指令之前，处理器具体还被配置为执行：
53.确定所述第一列表中已添加第二列表的数据，移除添加的所述第二列表的数据。
54.第三方面，本发明实施例还提供一种多级列表展示的装置，该装置包括：
55.接收确定单元，用于接收对第一列表的项目的触控指令，确定所述第一列表中与所述触控制指令对应的插入位置；
56.获取添加单元，用于获取与所述项目对应的第二列表的数据，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置；
57.刷新展示单元，用于对所述第一列表的页面进行刷新后展示。
58.作为一种可选的实施方式，所述获取与所述项目对应的第二列表的数据，包括：
59.通过与获取所述第一列表的数据相同的javabean组件，获取与所述项目对应的第二列表的数据。
60.作为一种可选的实施方式，所述获取添加单元具体用于：
61.通过使用所述第一列表的页面生成控件，将所述第二列表的数据与所述第一列表中的插入位置进行关联；
62.在所述关联后的所述插入位置添加所述第二列表的数据。
63.作为一种可选的实施方式，所述刷新展示单元具体用于：
64.根据所述第二列表的数据与所述插入位置的关联关系，对所述第一列表中所述插
入位置的所述第二列表的数据进行刷新。
65.作为一种可选的实施方式，所述获取添加单元具体用于：
66.根据所述第一列表的项目布局，确定所述第二列表的布局参数配置；
67.根据所述布局参数配置，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置。
68.作为一种可选的实施方式，所述获取添加单元具体用于：
69.将所述第二列表的布局宽度，配置为与所述第一列表的项目布局的整体宽度相同的宽度；
70.将所述第二列表的布局高度，配置为容纳所述第二列表的所有数据的最小高度。
71.作为一种可选的实施方式，所述获取添加单元具体用于：
72.根据所述第一列表每行所容纳的最多项目数量以及所述第二列表的数据量，确定所述第二列表的布局的行数和列数。
73.作为一种可选的实施方式，所述确定所述第二列表的布局的行数和列数之后，所述获取添加单元具体还用于：
74.若所述第二列表的最后一行布局的项目数量小于所述最后一行所容纳的最多项目数量，则确定在所述第二列表的最后一行所需填充的项目个数；
75.利用所述项目个数的占位view对所述最后一行进行填充。
76.作为一种可选的实施方式，所述接收对第一列表的项目的触控指令之前，还包括移除单元具体用于：
77.确定所述第一列表中已添加第二列表的数据，移除添加的所述第二列表的数据。
78.第四方面，本发明实施例还提供计算机存储介质，其上存储有计算机程序，该程序被处理器执行时用于实现上述第一方面所述方法的步骤。
79.本技术的这些方面或其他方面在以下的实施例的描述中会更加简明易懂。
附图说明
80.为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
81.图1为本发明实施例提供的一种多级列表展示的方法实施流程图；
82.图2为本发明实施例提供的一种三级列表的展示方法实施流程图；
83.图3为本发明实施例提供的一种非首次多级列表展示流程图；
84.图4为本发明实施例提供的一种多级列表的展示更新方法实施流程图；
85.图5为本发明实施例提供的一种显示第一列表的示意图；
86.图6为本发明实施例提供的一种首次显示第一列表的第二列表示意图；
87.图7为本发明实施例提供的一种非首次显示第一列表的第二列表示意图；
88.图8为本发明实施例提供的一种多级列表展示的终端示意图；
89.图9为本发明实施例提供的一种多级列表展示的装置示意图。
具体实施方式
90.为了使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步地详细描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
91.本发明实施例中术语“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
92.需要说明的是，本发明实施例可应用于终端，该终端是一种具有无线通信功能的设备，可以部署在陆地上，包括室内或室外、手持或车载；也可以部署在水面上(如轮船等)；还可以部署在空中(例如飞机、气球和卫星上等)。所述终端可以是手机(mobile phone)、平板电脑(pad)、工业控制(industrial control)中的无线终端、无人驾驶(self driving)中的无线终端、远程医疗(remote medical)中的无线终端、智能电网(smart grid)中的无线终端、运输安全(transportation safety)中的无线终端、智慧城市(smart city)中的无线终端、智慧家庭(smart home)中的无线终端等；还可以是各种形式的ue，移动台(mobile station，ms)，所述终端设备(terminal device)。
93.本发明实施例描述的应用场景是为了更加清楚的说明本发明实施例的技术方案，并不构成对于本发明实施例提供的技术方案的限定，本领域普通技术人员可知，随着新应用场景的出现，本发明实施例提供的技术方案对于类似的技术问题，同样适用。其中，在本发明的描述中，除非另有说明，“多个”的含义是两个或两个以上。
94.目前在安卓(android)客户端(app)的开发中，针对多级列表的页面布局主要包括两种视图模式，一种是平铺视图(tile view)，用于表示多级列表展开进行显示，另一种是嵌套视图(nested view)，用于表示多级列表数据嵌套进行展示，例如一级列表项对应的二级列表数据，展示在一级列表项所在行的下方。现有技术为了解决多级列表嵌套展示的布局问题，主要通过如下方案实现，一种是若一级列表中的某一项被点击，则弹出弹窗(dialog)，在弹窗中展示所要展示的二级列表的页面布局和数据，供用户进行确认，当确定用户选择确认后，弹窗消失，再次点击某一项时，再次弹出弹窗，在该弹窗中展示二级列表的页面布局和数据；该方案不影响一级列表的布局，在新的弹窗页面显示二级列表，无法满足将二级列表数据平铺展示在一级列表中的需求；另一种是若一级列表中的某一项被点击，则将一个不同于一级列表布局的二级列表布局以及二级列表数据添加并展示在相应位置，并将原一级列表的布局相应位置一下的布局数据下移到二级列表之后，该方案对一级列表拆分后，在当前页面添加并展示二级列表的页面布局以及二级列表的数据，需要使用与一级列表不同的列表控件确定二级列表的页面布局，布局计算复杂。
95.本发明实施例提供一种多级列表展示的方法，核心思想是将一级列表除外的多级列表(如二级列表、三级列表等)的数据作为一级列表的数据项插入到一级列表的对应位置，提高了列表的使用效率，降低了多级列表嵌套布局的复杂度。
96.如图1所示，本实施例提供的一种多级列表展示的方法，该方法的具体实施流程如下所示：
97.步骤100、接收对第一列表的项目的触控指令，确定所述第一列表中与所述触控制
指令对应的插入位置；
98.本实施例对第一列表的项目的触控指令包括但不限于：点击操作、长按操作等。本实施例可以根据项目的触控指令确定与该触控指令对应的插入位置，其中，本实施例中的第一列表的所有项目中包括至少一个挂载第二列表的项目，即第一列表包括至少一个项目用于在接收到触控指令后确定对应的插入位置添加第二列表的数据，具体可根据业务需求确定哪些项目需要挂载第二列表的数据，实施中，第一列表中至少包括一个项目会挂载第二列表的数据，即第一列表至少包括一个与第二列表具有关联关系的项目。
99.在一些示例中，所述插入位置包括但不限于如下任一或任多种：与项目具有相邻位置关系的位置，如在项目下方插入第二列表，或在项目的上方插入第二列表，或在项目的左侧插入第二列表，或在项目的右侧插入第二列表；与项目具有斜对角位置关系的位置，如在项目的左上方插入第二列表，或在项目的右上方插入第二列表，或在项目的左下方插入第二列表，或在项目的右下方插入第二列表，本实施例对项目和插入位置之间的位置关系不作过多限定。
100.步骤101、获取与所述项目对应的第二列表的数据，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置；
101.需要说明的是，本实施例中的第二列表为第一列表的下级列表，即第二列表中的数据可以嵌套在第一列表中进行显示，实施中，例如第一列表为预约就诊的各个时间段，第二列表为每个时间段可预约的预约编号。本实施例将第二列表的所有的数据作为第一列表的数据项插入到第一列表中与触控指令对应的位置，由于第二列表的数据是作为第一列表的数据项进行插入实现的，因此第二列表的该展示方式不需要对第一列表进行拆分，无需进行复杂的页面布局计算，只针对第一列表中具有改动的插入位置上的数据项进行相应的填充、插入、移除等，只需要在第一列表确定的页面布局的基础上，按同样的页面布局的方式插入新的数据项。
102.步骤102、对所述第一列表的页面进行刷新后展示。
103.本实例获取了第二列表以及将第二列表插入第一列表中的对应位置后，需要对第一列表的页面进行刷新，从而展示插入了新数据项(即第二列表)的第一列表。
104.在一些示例中，本实施获取第二列表的数据后，将第二列表的数据作为第一列表的数据项插入到对应的插入位置，从而实现了在不对第一列表进行拆分的情况下，将第一列表的数据项(即第二列表的数据)插入到第一列表中，降低了多级列表嵌套展示时页面布局的复杂度。
105.在一些示例中，本实施例中的第一列表的显示级别高于第二列表的显示级别，容易理解的是，第二列表嵌套在第一列表中进行显示，页面初始只显示第一列表，当接收到用户对第一列表中的项目的触控指令之后，才会触发显示第二列表。在一些示例中，本实施例中的第一列表为一级列表，第二列表为二级列表，其中二级列表嵌套在一级列表中进行显示。本实施例提供的方法不限于对两级列表嵌套的展示，还可以包括三级甚至更多级别的列表嵌套的展示，其中若存在三级列表，包括第一列表、第二列表和第三列表，如图2所示，本实施例可采用如下方式对三级列表进行展示：
106.步骤200、接收对第一列表的项目的触控指令，确定所述第一列表中与所述触控制指令对应的插入位置；
107.步骤201、获取与所述项目对应的第二列表的数据，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置；
108.步骤202、对所述第一列表的页面进行刷新后展示；
109.步骤203、接收对第二列表的第二项目的触控指令，确定第二列表中与所述触控指令对应的插入位置；
110.步骤204、获取与所述第二项目对应的第三列表的数据，将所述第三列表的数据作为所述第二列表的数据项添加到所述插入位置；
111.步骤205、对所述第二列表的页面进行刷新后展示。
112.基于上述相同的设计原理，本实施例还可以通过上述方式将多级列表进行嵌套显示，实施中，将除一级列表之外的其他级别的列表作为上一级列表的一个数据项插入到对应的位置，降低布局计算的复杂度。
113.在一些示例中，本实施例通过如下方式获取与所述项目对应的第二列表的数据：
114.通过与获取所述第一列表的数据相同的javabean组件，获取与所述项目对应的第二列表的数据。
115.实施中，javabean是一种java语言写成的可重用组件，用于通过提供符合一致性设计模式的公共方法将内部域暴露成员属性。通过使用与获取所述第一列表的数据相同的javabean组件，能够实现将获取的第二列表的数据作为一个第一列表的新的数据项。
116.在一些示例中，本实施例通过如下方式将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置：
117.1)通过使用所述第一列表的页面生成控件，将所述第二列表的数据与所述第一列表中的插入位置进行关联；2)在所述关联后的所述插入位置添加所述第二列表的数据。
118.实施中，通过使用和第一列表相同的viewgroup控件，将第二列表的数据和第二列表中的插入位置进行关联后，在插入位置添加第二列表的数据。容易理解的是，由于本实施例将第二列表的所有数据和插入位置进行关联，使得在进行页面刷新时，根据所述第二列表的数据与所述插入位置的关联关系，能够只对所述第一列表中所述插入位置的所述第二列表的数据进行刷新，通过有效找到数据插入和删除的位置，只对列表中部分数据项实行有针对性的刷新，提高了数据更新效率及视图刷新效率，有效改善了性能，降低开发难度。
119.在一些示例中，本实施例通过如下方式将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置：
120.1)根据所述第一列表的项目布局，确定所述第二列表的布局参数配置；
121.实施中，通过对第二列表的布局宽度和布局高度进行配置确定第二列表的布局参数，其中，布局宽度用于表示第二列表整体的宽度，布局高度用于表示第二列表整体的高度，具体包括如下配置方式：
122.方式1a)将所述第二列表的布局宽度，配置为与所述第一列表的项目布局的整体宽度相同的宽度；本实施例将第二列表整体的布局宽度配置为和第一列表的整体宽度相同。
123.方式1b)将所述第二列表的布局高度，配置为容纳所述第二列表的所有数据的最小高度。本实施例将第二列表的布局高度配置为能够容纳所有数据的最小高度。
124.实施中，还可以设置第二列表的布局的行数和列数，具体如下：
125.方式1c)根据所述第一列表每行所容纳的最多项目数量以及所述第二列表的数据量，确定所述第二列表的布局的行数和列数。
126.在一些示例中，为了布局美观，还可以在行末尾进行末尾补齐，将相应个数的占位view对页面进行填充，其中占位view为不可见视图，即对于用户不可见。
127.若所述第二列表的最后一行布局的项目数量小于最后一行所容纳的最多项目数量，则确定在所述第二列表的最后一行所需填充的项目个数；
128.利用所述项目个数的占位view对所述最后一行进行填充。
129.2)根据所述布局参数配置，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置。
130.需要说明的是，本实施例中的布局高度、布局宽度等布局参数配置都用于表示终端显示屏中布局的高度、宽度。
131.在一些示例中，本实施例接收对第一列表的项目的触控指令之前，还包括：
132.确定所述第一列表中已添加第二列表的数据，移除添加的所述第二列表的数据。其中，已添加的第二列表的数据可以是与项目对应的第二列表的数据，也可以是第一列表中除项目外的其他项目对应的第二列表的数据。
133.可选的，在第一列表中添加了第二列表后，采用常量字段对第二列表进行标识，再次在第一列表中添加第二列表时，对已标识的字段进行判断，若确定该标识的字段已经添加了第二列表，则对已添加的第二列表的数据进行移除，移除后再根据新的触控指令，确定插入位置从而插入对应的第二列表的数据。
134.在一些示例中，如图3所示，本实施例在针对非首次提供一种多级列表展示流程，具体实施流程如下所示：
135.步骤300、获取第一列表的所有数据，并对第一列表进行展示；
136.步骤301、接收对第一列表的项目的触控指令；
137.步骤302、判断该触控指令是否为首次接收的对第一列表的触控指令，若是则执行步骤303，否则执行步骤307；
138.步骤303、确定所述第一列表中与所述触控制指令对应的插入位置；
139.步骤304、获取与所述项目对应的第二列表的数据；
140.步骤305、将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置；
141.步骤306、对所述第一列表的页面进行刷新后展示。
142.步骤307、确定所述第一列表中已添加第二列表的数据，移除添加的所述第二列表的数据，执行步骤303。
143.在一些示例中，如图4所示，本实施例还提供一种多级列表的展示更新方法，该方法的具体实施流程如下所示：
144.步骤400、确定所述第一列表中已添加第二列表的数据，移除添加的所述第二列表的数据；
145.步骤401、接收对第一列表的项目的触控指令，确定所述第一列表中与所述触控制指令对应的插入位置；
146.步骤402、通过与获取第一列表的数据相同的javabean组件，获取与所述项目对应
的第二列表的数据；
147.步骤403、通过使用所述第一列表的页面生成控件，将所述第二列表的数据与所述第一列表中的插入位置进行关联，在所述关联后的所述插入位置添加所述第二列表的数据。
148.步骤404、根据所述第二列表的数据与所述插入位置的关联关系，对所述第一列表中所述插入位置的所述第二列表的数据进行刷新。
149.在一些示例中，以医院app为例，对本实施例提供的一种多级列表展示的方法进行详细说明。其中，第一列表为用于提供用户选择就诊时间段的列表，第二列表为用于提供用户在该时间段选择号源的列表，当点击第一列表中的某一项目从而选择该时间段后，会展示当前时间段的号源列表，供用户再次进行点击选择。
150.如图5所示，本实施例提供一种显示第一列表的示意图，app页面在初始化时只显示第一列表的数据布局，第二列表中的数据不进行展示。实施中，当用户首次打开该页面只显示第一列表的数据布局，即只显示预约就诊时间段的列表，具体包括上午时间段10:00
‑
11:00、11:00
‑
11:30、8:00
‑
9:00、9:00
‑
10:00；下午时间段13:00
‑
14:00、14:00
‑
15:00、15:00
‑
15:30、15:30
‑
16:00、16:00
‑
16:30、16:30
‑
17:00。
151.如图6所示，本实施例还提供一种首次显示第一列表的第二列表示意图，在首次点击第一列表的第一项目时，其对应的子列表
‑
第二列表的数据的展示位置在第一列表当前第一项目所在行的下方，第一列表中布局在第一项目所在行的下一行的项目在原始布局中整体下移。实施中，用户点击下午时间段13:00
‑
14:00时，在13:00
‑
14:00的下方展示第二列表，即在用户点击下午时间段13:00
‑
14:00时，在13:00
‑
14:00的下方展示该时间段的可选择的号源情况，具体包括：001号、002号、003号、004号、005号、006号、007号、008号。用户可选择的号源包括8个。其中，最后一行通过一个占位的view进行填充，以使时间段15:30
‑
16:00、16:00
‑
16:30、16:30
‑
17:00能够整体下移。
152.如图7所示，本实施例还提供一种非首次显示第一列表的第二列表示意图，当再次点击第一列表的第二项目时，之前已展示的第二列表的数据收起(隐藏)，同时当前的第二列表的数据在第二项目所在行的下方展示，第一列表中布局在第二项目所在行的下一行的项目在原始布局中整体下移。实施中，当用户再次点击下午16:30
‑
17:00的时间段时，先将之前显示的13:00
‑
14:00时间段的号源情况移除后，在16:30
‑
17:00的下方显示该时间段的号源情况，具体包括0041号、0042号、0043号、0044号、0045号、0046号、0047号、0048号。其中，最后一行通过一个占位的view进行填充。
153.本实施例将第二列表的整体数据，作为第一列表的一个数据项，插入到相对应位置的第一列表的数据当中，并配置该第二列表的宽度、高度等参数，刷新第一列表的布局展示。当再次点击第一列表的不同数据项时，之前已展示出的第二列表被移除，并找到新的第二列表的插入位置，插入第二列表的数据，刷新第一列表的布局展示，得到新的布局页面。
154.基于相同的发明构思，本发明实施例还提供了一种多级列表展示的终端，由于该终端即是本发明实施例中的方法中的终端，并且该终端解决问题的原理与该方法相似，因此该终端的实施可以参见方法的实施，重复之处不再赘述。
155.如图8所示，该终端包括处理器800和存储器801，所述存储器801用于存储所述处理器800可执行的程序，所述处理器800用于读取所述存储器801中的程序并执行如下步骤：
156.接收对第一列表的项目的触控指令，确定所述第一列表中与所述触控制指令对应的插入位置；
157.获取与所述项目对应的第二列表的数据，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置；
158.对所述第一列表的页面进行刷新后展示。
159.作为一种可选的实施方式，所述处理器800具体被配置为执行：
160.通过与获取所述第一列表的数据相同的javabean组件，获取与所述项目对应的第二列表的数据。
161.作为一种可选的实施方式，所述处理器800具体被配置为执行：
162.通过使用所述第一列表的页面生成控件，将所述第二列表的数据与所述第一列表中的插入位置进行关联；
163.在所述关联后的所述插入位置添加所述第二列表的数据。
164.作为一种可选的实施方式，所述处理器800具体被配置为执行：
165.根据所述第二列表的数据与所述插入位置的关联关系，对所述第一列表中所述插入位置的所述第二列表的数据进行刷新。
166.作为一种可选的实施方式，所述处理器800具体被配置为执行：
167.根据所述第一列表的项目布局，确定所述第二列表的布局参数配置；
168.根据所述布局参数配置，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置。
169.作为一种可选的实施方式，所述处理器800具体被配置为执行：
170.将所述第二列表的布局宽度，配置为与所述第一列表的项目布局的整体宽度相同的宽度；
171.将所述第二列表的布局高度，配置为容纳所述第二列表的所有数据的最小高度。
172.作为一种可选的实施方式，所述处理器800具体被配置为执行：
173.根据所述第一列表每行所容纳的最多项目数量以及所述第二列表的数据量，确定所述第二列表的布局的行数和列数。
174.作为一种可选的实施方式，所述确定所述第二列表的布局的行数和列数之后，处理器800具体还被配置为执行：
175.若所述第二列表的最后一行布局的项目数量小于所述最后一行所容纳的最多项目数量，则确定在所述第二列表的最后一行所需填充的项目个数；
176.利用所述项目个数的占位view对所述最后一行进行填充。
177.作为一种可选的实施方式，所述接收对第一列表的项目的触控指令之前，处理器800具体还被配置为执行：
178.确定所述第一列表中已添加第二列表的数据，移除添加的所述第二列表的数据。
179.基于相同的发明构思，本发明实施例还提供了一种多级列表展示的装置，由于该装置即是本发明实施例中的方法中的装置，并且该装置解决问题的原理与该方法相似，因此该装置的实施可以参见方法的实施，重复之处不再赘述。
180.如图9所示，该装置包括：
181.接收确定单元900，用于接收对第一列表的项目的触控指令，确定所述第一列表中
与所述触控制指令对应的插入位置；
182.获取添加单元901，用于获取与所述项目对应的第二列表的数据，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置；
183.刷新展示单元902，用于对所述第一列表的页面进行刷新后展示。
184.作为一种可选的实施方式，所述获取与所述项目对应的第二列表的数据，包括：
185.通过与获取所述第一列表的数据相同的javabean组件，获取与所述项目对应的第二列表的数据。
186.作为一种可选的实施方式，所述获取添加单元901具体用于：
187.通过使用所述第一列表的页面生成控件，将所述第二列表的数据与所述第一列表中的插入位置进行关联；
188.在所述关联后的所述插入位置添加所述第二列表的数据。
189.作为一种可选的实施方式，所述刷新展示单元902具体用于：
190.根据所述第二列表的数据与所述插入位置的关联关系，对所述第一列表中所述插入位置的所述第二列表的数据进行刷新。
191.作为一种可选的实施方式，所述获取添加单元901具体用于：
192.根据所述第一列表的项目布局，确定所述第二列表的布局参数配置；
193.根据所述布局参数配置，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置。
194.作为一种可选的实施方式，所述获取添加单元901具体用于：
195.将所述第二列表的布局宽度，配置为与所述第一列表的项目布局的整体宽度相同的宽度；
196.将所述第二列表的布局高度，配置为容纳所述第二列表的所有数据的最小高度。
197.作为一种可选的实施方式，所述获取添加单元901具体用于：
198.根据所述第一列表每行所容纳的最多项目数量以及所述第二列表的数据量，确定所述第二列表的布局的行数和列数。
199.作为一种可选的实施方式，所述确定所述第二列表的布局的行数和列数之后，所述获取添加单元901具体还用于：
200.若所述第二列表的最后一行布局的项目数量小于所述最后一行所容纳的最多项目数量，则确定在所述第二列表的最后一行所需填充的项目个数；
201.利用所述项目个数的占位view对所述最后一行进行填充。
202.作为一种可选的实施方式，所述接收对第一列表的项目的触控指令之前，还包括移除单元具体用于：
203.确定所述第一列表中已添加第二列表的数据，移除添加的所述第二列表的数据。
204.基于相同的发明构思，本发明实施例还提供了一种计算机存储介质，其上存储有计算机程序，该程序被处理器执行时实现如下步骤：
205.接收对第一列表的项目的触控指令，确定所述第一列表中与所述触控制指令对应的插入位置；
206.获取与所述项目对应的第二列表的数据，将所述第二列表的数据作为所述第一列表的数据项添加到所述插入位置；
207.对所述第一列表的页面进行刷新后展示。
208.本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
209.本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的设备。
210.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令设备的制造品，该指令设备实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
211.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
212.显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。