配置对象页面的抬头区域

学习目标

将元素添加到对象页眉，例如标题、图像或部分

在本练习中，您将使用与预订相关的数据填充在上一练习中创建的子对象页面。目前，由于未配置子对象页面，因此页面上仅显示技术标识。您将向页面添加以下内容：

预订 ID 作为页面标题。
航空公司徽标作为图像。
显示航空公司名称、出发时间、出发机场、到达时间和目的地机场的数据点部分。

前提条件

您已完成"获取 SAP Fiori 元素应用中导航概念的概览"单元中的练习配置到子对象的导航（课程：配置内部导航）。

观看模拟并执行步骤

此练习包含指导您完成详细步骤的模拟。模拟后可以找到所有步骤。您可以遵循模拟并使用自己的试用账户执行步骤。

练习：开始练习（SAP 官方交互式练习）

步骤

打开 SAP Business Application Studio。
右键单击浏览器的**差旅项目。
从后续菜单中选择显示页面映射选项。
将预订 ID 和航空公司徽标设置为页面标题。
选择页面编辑器的 Travel_BookingObjectPage 的编辑图标。
选择对象页面的抬头选项。随即打开右侧窗格，您可以在其中管理抬头的不同设置。
输入**预订**作为类型名称。这是子对象页面的名称。
从类型名称字段中选择全局图标。
从后续弹出窗口中选择应用。
从标题字段中选择下拉列表。
从列表中选择预订标识。
从右侧窗格的图像字段中选择下拉列表。
从列表中选择 Carrier/AirlinePicURL 。
切换到浏览器中的应用预览。您可以看到航空公司徽标和预订标识已添加到子对象页面的抬头。
向抬头添加显示航空公司名称、出发时间、出发机场、到达时间和目的地机场的数据点部分。
从页面编辑器中**Travel_BookingObjectPage 的抬头部分中选择添加选项。
从列表中选择*"添加数据点部分*"。
在 添加数据点部分 对话框中选择 值源属性 字段的下拉图标。
从 _Connection 列表中选择以下属性：

AirlineID_Text
出发时间
出发机场
到达时间
DestinationAirport

从"添加数据点部分"对话框中选择"*添加"。您可以看到所有选定的属性都列在标题部分中*。
从列表中选择 AirlineID_Text。
在右侧窗格的标签字段中输入**航空公司**作为标签。
从标签字段中选择全局图标。
从后续弹出窗口中选择应用。
从 抬头部分 列表中选择 出发时间 。
在右侧窗格的标签字段中输入**出发时间**作为标签。
从标签字段中选择全局图标。
从后续弹出窗口中选择应用。
从 抬头部分 列表中选择 始发机场 。
在右侧窗格的标签字段中输入**出发机场**作为标签。
从标签字段中选择全局图标。
从后续弹出窗口中选择应用。
从 抬头部分 列表中选择 到达时间 。
在右侧窗格的标签字段中输入**到达时间**作为标签。
从标签字段中选择全局图标。
从后续弹出窗口中选择应用。
从 标题部分 列表中选择 目的地机场 。
在右侧窗格的标签字段中输入**目的地机场**作为标签。
从标签字段中选择全局图标。
从后续弹出窗口中选择应用。
现在，您已创建抬头部分并维护其标签。
为 Travel_BookingObjectPage 的标题行选择在源代码中编辑图标。
您可以看到页面编辑器已为标头添加 UI.HeaderInfo 注释。
从页面编辑器中选择标题部分行。
选择 标题部分 的 在源代码中编辑 图标。
您可以看到页面编辑器已为五个数据点部分添加 UI.HeaderFacets 条记录。每个参考一个相应的 UI.DataPoint 注释。
向下滚动以查看相应的 UI.DataPoint 注释。
切换到浏览器中的应用预览。您可以看到五个数据点部分已添加到子对象页面抬头。
选择右侧的 V 形展开对象页面。
选择左侧 V 形展开子对象页面。
从子对象页面中选择全屏图标以将其展开。您已观察到子对象页面的响应行为。由于列表报表现在不可见，因此将显示子对象页面的标题。

结果

已使用页面编辑器成功配置子对象页面抬头。您还可以使用引导式开发指南 配置对象页面抬头 和 使用数据点将抬头构面添加到对象页面来配置子对象页面。