SAP UI5 CSS 类 sapUiSmallMarginEnd 的工作和添加原理-阿里云开发者社区

开发者社区> jerrywangsap> 正文

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

简介: SAP UI5 CSS 类 sapUiSmallMarginEnd 的工作和添加原理
+关注继续查看

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


image.png


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


sapUiSmallMarginEnd


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

image.png


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


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


image.png



这个 class 存储在 aCustomStyleClasses 数组里:

image.png


在 XMLTemplateProcessor 里处理自定义 CSS:

image.png


image.png


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


image.png

511行:

image.png


buttonRender.js 的第 130 行:


image.png


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


image.png



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

image.png



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


image.png


但我的不行:

image.png


解析 CSS:


image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
css box-shadow添加阴影
基础说明:     外阴影:box-shadow: X轴  Y轴  Rpx  color;     属性说明(顺序依次对应): 阴影的X轴(可以使用负值)    阴影的Y轴(可以使用负值)    阴影模糊值(大小)    阴影的颜色     内阴影:box-shadow: X轴  Y轴 ...
801 0
SAP UI5 jQuery.sap.getModulePath 的工作原理
SAP UI5 jQuery.sap.getModulePath 的工作原理
8 0
Excel 2013中单元格添加下拉列表的方法
使用Excel录入数据的时候我们通常使用下拉列表来限定输入的数据,这样录入数据就很少发生错误了。Excel 2013较以前的版本发生了很大的变化,那么在Excel 2013是如何添加下拉列表的呢? 下面Office办公助手的小编就以“性别”中下拉选择男女为例,讲解下Excel 2013中添加下拉列表的方法。
655 0
如何在 SAP Spartacus 里添加自定义页面 - Custom Page
网友提问 Add a custom page to Spartacus I would like to add a custom sub page (http://localhost:4200/image-upload) to spartacus. The Header and Footer should be the same. Just the content should be an upload form. 三个步骤 Add a new content page in CMS with page label /image-upload (with the leading slash
9 0
如何在 SAP Spartacus 产品明细页面添加自定义 UI
如何在 SAP Spartacus 产品明细页面添加自定义 UI
6 0
ECS 添加 SSH 用户
ecs 先添加用户 useradd tom passwd tom 本地制作公私秘钥 会在本地$HOME/.ssh下生成 id_rsa 和 id_rsa.pub ssh-keygen -t rsa ### 拷贝到ecs中 ssh-copy-id tom@{ecs-ip} ### 检查登录到 ecs 上,可以看到tom的 家目录下面会生成 .
1346 0
SAP UI5 WebIDE里使用Mock数据的工作原理介绍
Created by Wang, Jerry, last modified on Feb 02, 2015
5 0
如何给SAP Cloud ConnectorRegion列表中添加新的Region
如何给SAP Cloud ConnectorRegion列表中添加新的Region
10 0
+关注
2628
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载