SAP UI5 应用开发教程之九十二 - 基于 SAP UI5 JSONModel 客户端模型的列表分页显示(Table Pagination)前提

之前 Jerry 收到不少朋友的私信,询问 SAP UI5 表格控件(Table Control),如何实现分页显示效果。本教程就来介绍这个很多朋友都问过的常见需求。

SAP UI5 表格控件并不支持开销即用的分页显示效果。如果 SAP UI5 列表控件基于 OData 这种服务器端模型来实现,列表默认显示 20 条数据。更多的数据,通过点击列表底部的 More 按钮动态加载,这就是所谓的 Growing 即动态增长特性。

每次点击 More 按钮,SAP UI5 列表控件都会向 OData 服务器发起新的数据请求,前提是服务器端的 OData 服务,实现了分页功能(Pagination),即通过 OData 协议的参数 $skip$top, 来返回客户端(即 SAP UI5 列表控件)请求的某一页内容。

假设每页显示 10 条数据,则 SAP UI5 列表控件通过下列的 OData 请求,分别读取每一页的数据:

  • $skip=0&$top=10: 请求第一页的数据,即服务器上第 1 条到第 10 条数据
  • $skip=10&$top=20: 请求第二页的数据,即服务器上第 11 条到第 20 条数据
  • 依次类推

本教程后续会介绍使用 OData 服务器端模型的 SAP UI5 列表分页显示的步骤。

本步骤的源代码,链接

猜你喜欢

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