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

i042416發表於2018-02-27

如果您夠細心,您或許會發現有的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區域按鈕的高亮顯示邏輯

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2151341/,如需轉載,請註明出處,否則將追究法律責任。

相關文章