控件的ColumnLayout布局功能的默认设置并不适合所有可能的用例。相反,应用程序可以使用S、M、L和XL尺寸的各种布局之一。本文介绍SAPUI5Form的ColumnLayout布局特性。ColumnLayout控件以基于列的响应方式呈现表单组。根据其大小,该组被分为一列或多列。ColumnLayout控件以基于列的响应方式呈现表单控件。根据其大小,表单控件分为一列或多列。(XL-最多4列,L-最多3列,M-最多2列和S-1列。)FormContainer元素根据FormContainer元素的数量及其大小分散到列中。例如,如果有4个列和2个FormContainer元素,则每个FormContainer元素将使用2个列。如果有3列和2个FormContainer元素,则较大的将使用2列,较小的将使用1列。FormContainer元素的大小将根据分配给它的可见FormElement元素的数量来调整。如果FormContainer元素多于列,则每个FormContainer元素仅使用一列。所以Form控件的最后一行不会被完全使用。可以通过将ColumnContainerData用作LayoutData来覆盖FormContainer元素的默认大小。如果一个FormContainer元素设置了ColumnContainerData,则其他FormContainer元素的大小计算可能不会产生预期的结果。在这种情况下,对其他FormContainer元素也使用ColumnContainerData。FormElement元素分散在FormContainer元素的列中,这些列以类似报纸的顺序排列。标签和字段的位置取决于所用列的大小。如果有足够的空间,标签位于字段旁边,否则位于字段上方。您可以将ColumnElementData用作LayoutData来覆盖FormElement元素的内容控件的默认大小。如果分配给FormElement元素的一个控件设置了ColumnElementData,则分配给FormElement元素的其他控件的大小计算可能不会产生预期的结果。在这种情况下,ColumnElementData还用于分配给FormElement元素的其他控件。FormElement元素放置由浏览器列计数逻辑确定。因此,这在不同的浏览器中可能会有所不同,并且在某些情况下会导致意外的结果。注意:该控件不能单独使用,它只是渲染一个Form控件,所以必须使用布局聚合赋值给一个Form控件。
