关于前端:SAP-UI5-Form-控件的-ColumnLayout-布局特性

7次阅读

共计 1045 个字符,预计需要花费 3 分钟才能阅读完成。

控件的默认设置并不适宜所有可能的用例。相同,应用程序能够应用 S、M、L 和 XL 尺寸的各种布局之一。

本文介绍 SAP UI5 Form 的 ColumnLayout 布局个性。

ColumnLayout 控件以基于列的响应形式出现表单组。依据其大小,该组被分为一列或多列。

ColumnLayout 控件以基于列的响应形式出现表单控件。依据其大小,Form 控件分为一列或多列。(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 控件的最初一行不会被齐全应用。

FormContainer 元素的默认大小能够通过应用 ColumnContainerData 作为 LayoutData 来笼罩。如果一个 FormContainer 元素设置了 ColumnContainerData,其余 FormContainer 元素的大小计算可能不会导致预期的后果。在这种状况下,也将 ColumnContainerData 用于其余 FormContainer 元素。

FormElement 元素扩散到 FormContainer 元素的列中,这些列以相似报纸的顺序排列。标签和字段的地位取决于所用列的大小。如果有足够的空间,标签在字段旁边,否则在字段上方。

能够应用 ColumnElementData 作为 LayoutData 笼罩 FormElement 元素的内容控件的默认大小。如果调配给 FormElement 元素的一个控件设置了 ColumnElementData,则调配给 FormElement 元素的其余控件的大小计算可能不会导致预期的后果。在这种状况下,也将 ColumnElementData 用于调配给 FormElement 元素的其余控件。

FormElement 元素的搁置由浏览器列计数逻辑决定。因而,这在不同的浏览器中可能会有所不同,并且在某些状况下会导致超出预期的后果。

留神:这个控件不能独自应用,它只是渲染一个 Form 控件,所以必须应用布局聚合将它调配给一个 Form 控件。

正文完
 0