天天看點

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區域按鈕的高亮顯示邏輯