意见箱
恒创运营部门将仔细参阅您的意见和建议,必要时将通过预留邮箱与您保持联络。感谢您的支持!
意见/建议
提交建议

SAP UI5 Form 和 Simple Form 的设计规范

来源:恒创科技 编辑:恒创科技编辑部
2024-01-19 04:53:59

SAP UI5 Form 表单用于向用户呈现数据,并允许用户以结构化的方式输入数据。

表单充当其他 UI 元素(例如标签、输入字段、复选框和滑块)的容器,同时将这些元素构建为特定的布局。

在 SAPUI5 中,可以使用两种不同的控件来构建表单:


SAP UI5 Form 和 Simple Form 的设计规范

表单 – sap.ui.layout.form.Form简单表单 – sap.ui.layout.form.SimpleForm

使用表单,开发人员可以轻松地布置属性列表和输入字段。 表单被构造成表单容器(Form Containers)。 每个表单容器都由表单元素(Form elements)组成。 每个表单元素由一个标签(Label)和一个输入字段(Input)组成,配对。

简单的表单控件使开发人员可以实现与表单控件相同的结果,但方式更简单。 在一个简单的表单中,一个表单控件连同它的表单容器和表单元素一起被创建:

布局和结构由输入的内容定义。

表单容器和表单元素是根据内容类型自动创建的。
一个标题(sap.ui.core.Title)自动开始一个新的表单组(也就是表单容器),一个标签(sap.m.Label)自动开始一个新行(也就是表单元素)。
此标签后面的所有其他控件都将分配给它的行(也就是表单元素)。

有三种类型的 Form 编辑方式:

仅显示:数据仅显示为标签值字段对,没有可编辑字段。

例子:

可编辑:数据以标签输入字段对的形式呈现,因此用户可以输入数据。

例子:

混合:有些字段是可编辑的,有些则不是。

表单和简单表单的可编辑属性仅更改垂直对齐到字段(可编辑=真)或文本(可编辑=假)的标签高度。 使用表单和简单表单,它不会在可编辑和只读模式之间切换整个表单,从而将字段更改为文本,反之亦然。

上一篇: SAP UI5 Form 表单 Column Layout 下的 Column 个数分配问题 下一篇: 手机怎么远程登录云服务器?