SAP UI5 应用开发教程之九十六 - SAP UI5 列表控件分页显示数据时,如何自定义分页大小

本教程前面的步骤 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 所示:

猜你喜欢

转载自blog.csdn.net/i042416/article/details/125055559