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

SAP UI5 Responsive Grid Layout 里的 Label-Field Ratio 在屏幕类型 S 下的表现

时间:2023-03-28 00:57:47 HTML

屏幕类型S下SAPUI5响应式网格布局中Label-FieldRatio的性能)和空网格列(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用于表单中多个formgroups排列在一列上的标签;它适用于-M和L屏幕尺寸。labelSpanM用于在一列中排列的表格中的标签;它也适用于M和L屏幕尺寸。出于向后兼容的原因,属性adjustLabelSpan的默认值设置为true。默认情况下,表单和简单表单在大小为S的响应式网格布局中使用单列布局。这意味着表单组在单个列中位于彼此下方,标签位于字段上方以避免标签被截断。看一个具体的例子:label字段比例默认为12:12:0:label使用响应式网格布局的12个网格列。(标签处理整行的空间。)字段使用具有12个网格列的响应式网格布局。(一个字段处理整行的空间。)响应式网格布局的0网格列由空列使用。(字段右侧没有空白。)