对于 SAP UI5 SimpleForm 的每种尺寸,咱们能够定义用于标签(labelSpanXL、labelSpanL、labelSpanM、labelSpanS)、字段(隐式)和空网格列(emptySpanXL、emptySpanL、emptySpanM、emptySpanS)的网格列数。
可选的空网格列搁置在输出元素 之后
。它们防止了输出字段的 适度拉伸
。该比率显示为 x:y:z,其中 x 是标签应用的网格数,y 代表字段,z 代表空列。
上面是一个 form 表单里标签,输出字段和空列的比例为 3:5:4 的例子。
要使响应式网格布局中的属性 labelSpanXL、labelSpanL、labelSpanM 和 labelSpanS 在 Forms 和 SimpleForms 中按预期工作(例如 labelSpanL 设置大小为 L 的标签跨度),必须将属性 adjustLabelSpan 从其默认值 true 更改为 false。
adjustLabelSpan 为 false 的含意:
- labelSpanL 用于多个表单组排列在一列以上的表单中的标签;它实用于 – M 和 L 屏幕尺寸。
- labelSpanM 用于排列在一列中的表格中的标签;它也实用于 M 和 L 屏幕尺寸。
出于向后兼容的起因,属性 adjustLabelSpan 的默认值设置为 true。
默认状况下,表单和简略表单在大小为 S 的响应式网格布局中应用 单列布局
。这意味着表单组在单个列中位于彼此下方,并且标签位于字段上方以防止标签被截断。
看个具体的例子:
标签字段比例默认为 12:12:0:
- 标签应用响应式网格布局的 12 个网格列。
(标签解决整行的空间。) - 字段应用响应式网格布局的 12 个网格列。
(一个字段解决一整行的空间。) - 响应式网格布局的 0 个网格列被空列应用。
(字段右侧没有空白区域。)