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

逆流终端
• 阅读 470

测试情况罗列如下:

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

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Jacquelyn38 Jacquelyn38
4年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Stella981 Stella981
3年前
KVM调整cpu和内存
一.修改kvm虚拟机的配置1、virsheditcentos7找到“memory”和“vcpu”标签,将<namecentos7</name<uuid2220a6d1a36a4fbb8523e078b3dfe795</uuid
Stella981 Stella981
3年前
Python之time模块的时间戳、时间字符串格式化与转换
Python处理时间和时间戳的内置模块就有time,和datetime两个,本文先说time模块。关于时间戳的几个概念时间戳,根据1970年1月1日00:00:00开始按秒计算的偏移量。时间元组(struct_time),包含9个元素。 time.struct_time(tm_y
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
3年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
1年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
美凌格栋栋酱 美凌格栋栋酱
5个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
逆流终端
逆流终端
Lv1
浓绿万枝红一点,动人春色不须多。
文章
2
粉丝
0
获赞
0