天天看點

SAP UI5 Page 控件的構造函數參數講解

我們在 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 時,頁腳不再固定在内容區域下方,而是浮動在内容區域上方,并與底部有輕微偏移。