likes
comments
collection
share

SAP UI5 Page 控件的构造函数参数讲解

作者站长头像
站长
· 阅读数 33

我们在 SAP UI5 XML 视图里,可以在 sap.m.Page 里通过 customHeader 定义应用按钮。

下图是一个例子,定义了三个按钮,名叫 Edit,Save 和 Cancel.SAP UI5 Page 控件的构造函数参数讲解

page是一个容器控件,它包含应用程序的整个屏幕。页面有三个不同的区域可以容纳内容——页眉(header)、内容区(Content area)和页脚(footer).

页面最上面的区域被页眉所占据。标准标头(standard header)包含一个导航按钮和一个标题。当然者,开发人员可以创建自己的自定义标头,该标头在customHeader聚合中定义。

内容占据了页面的主要部分。默认情况下,只有内容区域是可滚动的。这可以通过将enablesrollling设置为 false 来防止。

页脚是可选的,它占据了页面的固定底部。或者,页脚可以浮动在内容的底部之上。这是通过floatingFooter属性启用的。

在 SAP Quartz 主题中使用 sap.m.Page 时,断点和布局填充可以由容器的宽度确定。 要启用此概念并将响应式填充添加到页面控件的元素,开发人员可以根据用例添加以下类:

  • sapUiResponsivePadding--header
  • sapUiResponsivePadding--subHeader
  • sapUiResponsivePadding--content
  • sapUiResponsivePadding--footer
  • sapUiResponsivePadding--floatingFooter

Page 实例的构造函数定义:接受定义初始属性值、聚合和关联对象以及事件处理程序的对象文字 mSettings。

  • contentOnlyBusy:确定调用 page.setBusy() 时本地 BusyIndicator 覆盖的区域。 默认情况下会覆盖整个页面,包括页眉和页脚。 当此属性设置为 true 时,仅覆盖内容区域(不包含页眉/子页眉和页脚),这很有用,例如 当子标题中有 SearchField 时,实时搜索会不断更新内容区域,而用户仍然可以键入。
  • floatingFooter: 决定页脚是否可以浮动。 设置为 true 时,页脚不再固定在内容区域下方,而是浮动在内容区域上方,并与底部有轻微偏移。