本教程前面的步骤 SAP UI5 应用开发教程之九十四 - 基于 JSONModel 数据模型的 SAP UI5 列表控件分页显示数据的完整解决方案,我们已经实现了基于 JSONModel 的 SAP UI5 列表控件的分页显示,效果如下:
迄今为止,实现的分页显示,每页默认显示 20 条行项目,这个数字是硬编码在代码中的:
本步骤我们将通过 sap.m.Select
实现的下拉菜单,向用户提供三种分页大小:20,30 和 50,供其自由选择。
同时,我们改善了该 SAP UI5 应用的易用性,在列表标题字段,显示了表格总的页数和当前所处的页数。
总共 123 条产品数据:
- 如果每页显示 20 条,总共需要 7 页显示。
- 如果每页显示 30 条,总共需要 5 页显示。
- 如果每页显示 50 条,总共需要 3 页显示。
这个应用的效果如下 gif 所示: