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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章