SAP UI5 ObjectPageLayout 控件使用方法分享
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 的使用场景
用户需要查看、编辑或创建具有所有详细信息的条目。
用户需要了解对象的概况,并与对象的不同部分进行交互。
最后运行时的效果如下:
版权声明: 本文为 InfoQ 作者【Jerry Wang】的原创文章。
原文链接:【http://xie.infoq.cn/article/da6557e8725b9355308a8837b】。文章转载请联系作者。
评论