likes
comments
collection
share

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

作者站长头像
站长
· 阅读数 25

测试情况罗列如下:

label 和 columns 为 1:1 的情况下:关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

结果:关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

Label 改为 2:

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

此时第三行的 Label,ZIP Code/City 终于可以显示完全了:关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

进一步扩大 Label 值为 3:1

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

如果是3:3

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

就又还原了:关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

来一个相差悬殊的比值:1:2关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

1:4 的情况下:关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

1:5 的情况下,有些字母都无法正常显示完整了:关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

注意:labelSpanL 的含义是这张图里使用几份 column 来显示 Label 区域。Large 区域之下,默认值为 4,即使用下图前四根柱子的宽度来显示 Label 区域。

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL

2019 年初,SAP 发布了 UI5 Web Components 库的测试版,作为 UI5 Evolution 项目的关键支柱,旨在实现 UI 元素的独立消费。 从另一篇博客文章中可以看出,SAP 开发人员从 2014 年开始评估 Web 组件。

在最初发布几个月后,在撰写本文时,RC1 已经及时发布,以便在 UI5 Con 上展示。 除了与实际开发保持良好同步外,SAP 还发布了一个带有交互式游乐场的网站、一个入门教程、几个演示应用程序和一个 UI5 首席架构师的新闻广播节目。

关于 UI5 Web Components 的一个重要说明是,与 OpenUI5 作为现有产品相比,它们是如何定位的。 有一个特殊的部分将新组件描述为“补充产品”,而不是 OpenUI5 的继承者。

还有一件事,与上述观点有关:去掉 SAP UI5 对 jQuery 的使用。摆脱 jQuery 是一项艰巨的任务,因为它在很多地方都有使用,但另一方面它不需要任何架构更改,因为 UI5 在概念上并不依赖于 jQuery。 因此,摆脱 jQuery 不需要像引入 UI5 Web 组件这样的改变。