写点什么

SAP Fiori 应用 Footerbar 区域按钮的高亮显示逻辑

用户头像
Jerry Wang
关注
发布于: 2021 年 05 月 23 日
SAP Fiori 应用 Footerbar 区域按钮的高亮显示逻辑

如果您够细心,您或许会发现有的 SAP Fiori 应用的 footerbar 区域内的按钮有高亮显示,有的则没有。


如何自己分析这两种按钮的实现原理?




还是借助 Chrome Development Tool。更多 Chrome development tool 的使用技巧,参考我的博客


Chrome Development Tool tips used in my daily work


使用 network tab 可以观察到实现高亮实现的 CSS class:



记下这个 css class 的名称 sapMBtnEmphasized:



由此可见,这个 class 是在如下代码处设置的:



只要 Fiori 应用程序的 controller 是继承自 BaseDetailController,则 edit button 一定会 highlight:




要获取更多 Jerry 的原创技术文章,请关注公众号"汪子熙":



发布于: 2021 年 05 月 23 日阅读数: 6
用户头像

Jerry Wang

关注

个人微信公众号:汪子熙 2017.12.03 加入

SAP成都研究院开发专家,SAP社区导师,SAP中国技术大使。

评论

发布
暂无评论
SAP Fiori 应用 Footerbar 区域按钮的高亮显示逻辑