当前位置: 首页 > Web前端 > HTML5

SAPUI5Form和SimpleForm的设计规范

时间:2023-04-05 21:38:27 HTML5

SAPUI5Form表单用于向用户呈现数据,并允许用户以结构化的方式输入数据。表单充当其他UI元素(例如标签、输入字段、复选框和滑块)的容器,同时将这些元素构建到特定布局中。在SAPUI5中,可以使用两种不同的控件来构建表单:.表单被构造为表单容器。每个表单容器都是由表单元素(Formelements)组成的。每个表单元素由一个标签(Label)和一个输入域(Input)组成,成对出现。简单的表单控件允许开发人员以更简单的方式实现与表单控件相同的结果。在一个简单的表单中,表单控件与其表单容器和表单元素一起创建:布局和结构由输入定义。表单容器和表单元素是根据内容类型自动创建的。标题(sap.ui.core.Title)自动开始一个新的表单组(也称为表单容器),标签(sap.m.Label)自动开始一个新行(即表单元素)。此标记之后的所有其他控件都将分配给它的行(也称为表单元素)。表单编辑方式分为三种:DisplayOnly:数据只显示为标签-值-字段对,没有可编辑的字段。示例:可编辑:数据显示为一对带标签的输入字段,因此用户可以输入数据。示例:混合:有些字段是可编辑的,有些则不是。表单和简单表单的可编辑属性只改变垂直对齐字段(editable=true)或文本(editable=false)的标签的高度。对于表单和简单表单,它不会在可编辑和只读模式之间切换整个表单,将字段更改为文本,反之亦然。