SAP UI5 CSS 类 sapUiSmallMarginEnd 的工作和添加原理

我做 SAP UI5 开发时遇到一个问题：

我在 XML 视图里，给 Button 控件分配了一个 CSS class：

sapUiSmallMarginEnd

期望运行时，该 CSS 类能够产生 1 rem 的 margin 效果：

上图来自 SAP UI5 官网的例子。

然而，我的例子运行出来失败了，我的 button 控件渲染出的 HTML 原生代码，并没有出现这个 CSS 类，我期望的 margin 效果并没有实现：

这个 class 存储在 aCustomStyleClasses 数组里：

在 XMLTemplateProcessor 里处理自定义 CSS：

自定义 class 在此处被写入：334 行

511行：

buttonRender.js 的第 130 行：

我的例子里，并没有解析出 aCustomClasses

回到我的代码，调试 1450行，为什么 CSSStyle 没有添加到 button 里：

8081 即 SAP 例子里，sStyleClasses 能够成功被解析出来：

但我的不行：

解析 CSS：

更多Jerry的原创文章，尽在：“汪子熙”:

SAP UI5 CSS 类 sapUiSmallMarginEnd 的工作和添加原理相关推荐

基于 OData 模型和 JSON 模型的 SAP UI5 表格控件行项目的添加和删除实现
这是 Jerry 2021 年的第 62 篇文章,也是汪子熙公众号总共第 339 篇原创文章. 龟虽寿曹操神龟虽寿,犹有竟时:腾蛇乘雾,终为土灰.老骥伏枥,志在千里:烈士暮年,壮心不已.盈缩之期,不但 ...
纪念特洛伊英雄 Sinon - SAP UI5 Mock Server 使用步骤和工作原理介绍
这是 Jerry 2021 年的第 63 篇文章,也是汪子熙公众号总共第 340 篇原创文章. 蜀相杜甫丞相祠堂何处寻,锦官城外柏森森.映阶碧草自春色,隔叶黄鹂空好音.三顾频烦天下计,两朝开济老臣心. ...
SAP UI5 应用开发教程之二十九 - SAP UI5 的路由和导航功能介绍
本教程目前为止的二十八个步骤,我们开发的 SAP UI5 仅仅包含了一个单独的页面.本步骤我们将额外开发一个新的页面,并学习如何在这些不同的页面之间进行路由(route)和导航(navigation) ...
使用工具分析 SAP UI5 应用前端执行的性能问题
这是 Jerry 2021 年的第 66 篇文章,也是汪子熙公众号总共第 343 篇原创文章. 国庆黄金周开始的前一天,9月30日,我所在的开发团队收到了一个关于 Angular 应用的服务器端渲染( ...
一个详尽的面向 SAP UI5 初学者的教程 - 如何在 SAP UI5 中绘制图表 Chart
这是 Jerry 2021 年的第 65 篇文章,也是汪子熙公众号总共第 342 篇原创文章. 观沧海曹操东临碣石,以观沧海. 水何澹澹,山岛竦峙. 树木丛生,百草丰茂. 秋风萧瑟,洪波涌起. 日 ...
本地修改远端 SAP UI5 框架文件的一个小技巧
这是 Jerry 2021 年的第 64 篇文章,也是汪子熙公众号总共第 341 篇原创文章. Jerry 的前一篇文章纪念特洛伊英雄 Sinon - SAP UI5 Mock Server 使用步 ...
深入学习SAP UI5框架代码系列之七：控件数据绑定的三种模式 - One Way, Two Way和OneTime实现原理比较
这是Jerry 2021年的第 8 篇文章,也是汪子熙公众号总共第 279 篇原创文章. 系列目录 (0) SAP UI5应用开发人员了解UI5框架代码的意义 (1) SAP UI5 module懒加 ...
jQuery添加/改变/移除CSS类
转自:http://www.jbxue.com/article/24589.html 在jquery中用到removeClass移除CSS类.addClass添加CSS类.toggleClass添加或 ...
SAP UI5 应用的 OData 元数据请求响应的解析原理分析
前一篇文章 SAP UI5 应用的 OData 元数据请求的发送原理分析我们学习了 SAP UI5 应用是如何自动发送 OData 元数据的 HTTP 请求. 本文继续学习该元数据请求的响应到达客户端 ...

SAP UI5 CSS 类 sapUiSmallMarginEnd 的工作和添加原理

SAP UI5 CSS 类 sapUiSmallMarginEnd 的工作和添加原理相关推荐

最新文章

热门文章