SAP UI5 应用开发教程之九十 - 基于 OData V2 的 SAP UI5 List-Detail(列表-明细)布局的实现方式

在本教程前面的步骤 SAP UI5 应用开发教程之六十七 - 基于 OData V4 的 SAP UI5 List-Detail(列表-明细)布局的实现方式,我们曾经介绍了 SAP UI5 应用最典型的一种页面布局,即 List-Detail,列表-明细布局的实现方式。

如下图所示,屏幕分为左右两个区域,左边的区域显示一个列表,选中这个列表里任意一行后,右边的明细页面,会显示这个行项目更多维度的数据。

注意步骤 67 讲解的开发方式,适用于 OData V4 的服务。出于完备性的目的,本文介绍如何基于 OData V2 版本的服务,开发 SAP UI5 List-Detail 列表-明细布局的页面需求。

在 SAP UI5 项目工程文件夹的 manifest.json 文件的 dataSources 区域里,可以通过 odataVersion 的字段值,查看该 SAP UI5 应用使用的 OData 服务的协议版本号是 V2 还是 V4.

首先看一下按照本步骤实现完毕之后的效果。

进入文件夹 90,执行命令行 ui5 serve,打开如下 url:

http://localhost:8080/webapp/test/mockServer.html

能看到下图所示的列表页面ÿ

猜你喜欢

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