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区域按钮的高亮显示逻辑

要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:
SAP Fiori应用Footerbar区域按钮的高亮显示逻辑

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

上一篇:【图算法】金融风控实验


下一篇:智慧≥智能+应用 2016智能交通展的科达不等式