1. 程式人生 > >SAP Fiori應用Footerbar區域按鈕的高亮顯示邏輯

SAP Fiori應用Footerbar區域按鈕的高亮顯示邏輯

dev tool asi 技術 mar .com -c 使用 tab

如果您夠細心,您或許會發現有的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的原創技術文章,請關註公眾號"汪子熙"或者掃描下面二維碼:
技術分享圖片

技術分享圖片

SAP Fiori應用Footerbar區域按鈕的高亮顯示邏輯