SAP UI5 Form 和 Simple Form 的设计规范

6,345次阅读
没有评论

共计 696 个字符,预计需要花费 2 分钟才能阅读完成。

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 编辑方式:

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

例子:SAP UI5 Form 和 Simple Form 的设计规范

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

例子:SAP UI5 Form 和 Simple Form 的设计规范

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

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

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-20发表,共计696字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)