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

测试情况罗列如下:

label 和 columns 为 1:1 的情况下:
关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第1张图片

结果:
关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第2张图片

Label 改为 2:

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第3张图片

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

进一步扩大 Label 值为 3:1

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第5张图片

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第6张图片

如果是3:3

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第7张图片

就又还原了:
关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第8张图片

来一个相差悬殊的比值:1:2
关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第9张图片

1:4 的情况下:
关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第10张图片

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

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

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第12张图片

关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试_第13张图片

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 组件这样的改变。

你可能感兴趣的:(关于 SAP UI5 SimpleForm 控件里的 ColumnsL 和 labelSpanXL 的测试)