如果您够细心,您或许会发现有的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区域按钮的高亮显示逻辑

相关文章:

  • 2021-08-23
  • 2022-12-23
  • 2021-08-15
  • 2021-07-26
  • 2022-12-23
  • 2021-12-04
  • 2021-07-02
  • 2021-12-31
猜你喜欢
  • 2021-04-22
  • 2021-07-24
  • 2021-08-01
  • 2021-12-25
  • 2021-08-21
  • 2021-11-03
相关资源
相似解决方案