Sapui5 表单:使同一行中的字段具有相同的长度
Sapui5 表单:使同一行中的字段具有相同的长度,sapui5,Sapui5,在这个sap.ui.layout.form.SimpleForm中,我在同一行中有两个控件。现在,如果没有对它们进行任何格式化,它们会有些不均匀。如何使这两个控件都占据总行空间的50%?我认为这可以从以下示例中看出: 基本上所有控件都有聚合。您可以在此处添加自己的布局信息: 当然,这也适用于选择 现在,您只需确定要传递给span属性的内容: 通常布局基于12列网格。您必须为标签分配一些列,可能在末尾有一些空白,其余的属于输入或选择 您的SimpleForm可能具有以下属性: 因此,对于
在这个
sap.ui.layout.form.SimpleForm
中,我在同一行中有两个控件。现在,如果没有对它们进行任何格式化,它们会有些不均匀。如何使这两个控件都占据总行空间的50%?我认为这可以从以下示例中看出:
基本上所有控件都有聚合
。您可以在此处添加自己的布局信息:
当然,这也适用于选择
现在,您只需确定要传递给span
属性的内容:
通常布局基于12列网格。您必须为标签
分配一些列,可能在末尾有一些空白,其余的属于输入
或选择
您的SimpleForm
可能具有以下属性:
因此,对于XL,您可以看到4列已经属于标签
,0表示结尾处的空白,因此剩下8列。因此,两个表单控件都应该有4列。
L有4个Label
列和4个空列,因此每个表单控件应该有2列。
M类似于XL。
S已经有12列用于标签
。因此,您的控件将被推到标签下的第二行,每个控件可以使用6列
因此,在该示例中,我建议将以下layoutData
传递给两个控件,以便它们占用相等的空间。如果您的SimpleForm
具有不同的标签空间结束空白值,则必须重新计算
请记住在视图的开头声明l
命名空间,以便可以使用GridData
控件: