天天看點

SAP UI5 Form 和 Simple Form 的設計規範

SAP UI5 Form 表單用于向使用者呈現資料,并允許使用者以結構化的方式輸入資料。

表單充當其他 UI 元素(例如标簽、輸入字段、複選框和滑塊)的

容器

,同時将這些元素建構為特定的布局。

在 SAPUI5 中,可以使用兩種不同的控件來建構表單:

  • 表單 – sap.ui.layout.form.Form
  • 簡單表單 – sap.ui.layout.form.SimpleForm

使用表單,開發人員可以輕松地布置屬性清單和輸入字段。 表單被構造成表單容器(Form Containers)。 每個表單容器都由表單元素(Form elements)組成。 每個表單元素由一個标簽(Label)和一個輸入字段(Input)組成,配對。

簡單的表單控件使開發人員可以實作與表單控件相同的結果,但方式更簡單。 在一個簡單的表單中,一個表單控件連同它的表單容器和表單元素一起被建立:

布局和結構由輸入的内容定義。

表單容器和表單元素是根據内容類型自動建立的。

一個标題(sap.ui.core.Title)自動開始一個新的表單組(也就是表單容器),一個标簽(sap.m.Label)自動開始一個新行(也就是表單元素)。

此标簽後面的所有其他控件都将配置設定給它的行(也就是表單元素)。

有三種類型的 Form 編輯方式:

  • 僅顯示:資料僅顯示為标簽值字段對,沒有可編輯字段。
  • 可編輯:資料以标簽輸入字段對的形式呈現,是以使用者可以輸入資料。
  • 混合:有些字段是可編輯的,有些則不是。