- SAP UI5 ObjectPageLayout 控件使用方法分
- SAP UI5 里的 Busy Indicator 控件使用概述
- SAP UI5 Smart Table 和 Smart Filt
- SAP UI5 Smart Chart 功能介绍
- 通过 SAP UI5 ODataModel API 在 Java
- SAP UI5 应用开发教程之五十八 - 使用工厂方法在运行时动
- ODataListBinding.filter 方法里 Filt
- SAP UI5 OData, annotation这些设计的意义
- SAP UI5 的 TimePicker ,一个钟表外观的时间选
- SAP UI5 视图里的 OverflowToolbar 控件
SAP UI5 ObjectPageLayout 控件允许应用程序轻松显示与业务对象(Business Object)相关的信息的布局。
ObjectPageLayout 布局由一个抬头区域(标题和内容)、一个可选的 anchor bar
区域和 block content
区域组成。
其中 block content 被包裹在 sections 和 子 sections 中,这些 section 共同组成了 BO 的结构化信息显示。
换言之,ObjectPageLayout 控件用于将对象页面的所有部分放在一起——标题、可选的锚条和节/子节区域。
下图是一个例子:
- headerTitle
- headerContent
- sections
- subSections

header
ObjectPageLayout实现捕获头( snapping header
)的概念。这意味着页眉的上部(页眉标题)始终是可见的,而下部(页眉内容)可以滚动出视图。
标题显示在标题的顶部,并且始终在页面可滚动内容的上方可见。它包含对象的标题和最突出的细节。
页眉内容与页面内容一起滚动,直到它消失(折叠页眉)。当滚动回顶部时,它再次变得可见(扩展标题)。它包含对象的所有附加信息。
如下图所示:

Anchor Bar
中文翻译为锚栏,这是一个自动生成的内部菜单,它显示了各个节和子节的标题,并允许用户滚动到各自的节和子节内容。
Sections, Subsections, Blocks
这些出现在页眉下方的页面内容,由结构成节和子节的块组成。
如下图所示,定义了 General Information
和 Suppliers
两个 section,分别各自包含一个 SimpleForm
和 Table
:

ObjectPageLayout 的使用场景
- 用户需要查看、编辑或创建具有所有详细信息的条目。
- 用户需要了解对象的概况,并与对象的不同部分进行交互。
最后运行时的效果如下:

网友评论