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

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

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

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:

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

记下这个css class的名称sapMBtnEmphasized:

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

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

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

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

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

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

上一篇:如何查找SAP Fiori launchpad Designer的准确路径即url地址


下一篇:Linux 系统的/var目录