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:
記下這個css class的名稱sapMBtnEmphasized:
由此可見,這個class是在如下程式碼處設定的:
只要Fiori應用程式的controller是繼承自BaseDetailController,則edit button一定會highlight:
要獲取更多Jerry的原創技術文章,請關注公眾號"汪子熙"或者掃描下面二維碼:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2151341/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- SAP Fiori裡Contact Support的按鈕渲染邏輯
- SAP S/4HANA系統Fiori UI上Adapt UI按鈕顯示與否的控制邏輯UIAPT
- 如何給 SAP Fiori Elements 應用新增自定義按鈕
- SAP Fiori應用裡日期格式的顯示奧祕
- SAP Fiori image的顯示原理
- 如何操作SAP UI5應用Footer區域工具欄按鈕的背景顏色UI
- SAP CRM服務訂單頁面顯示組織結構管理區域的實現邏輯
- SAP CRM WebClient UI html 格式的 Text 顯示邏輯WebclientUIHTML
- SAP CRM WebClient UI Text Type 顯示的過濾邏輯WebclientUI
- SAP Spartacus B2B 頁面 Disable 按鈕的顯示原理
- SAP Fiori Elements 應用裡的 Title 顯示的內容是從哪裡來的
- 使用 SAP Business Application Studio 建立 Fiori Elements 應用顯示 OData 資料APP
- 關於 SAP Fiori Elements 應用標題屬性(title) 的複製邏輯單步除錯除錯
- SAP Fiori應用索引大全索引
- Fiori Elements List Report table 裡的普通按鈕,Global 按鈕 和 Determining 按鈕
- SAP Fiori應用索引大全工具和 SAP Fiori Tools 的使用介紹索引
- 如何分辨 SAP Fiori Launchpad 裡的真假 Fiori 應用
- centos7 vim 編輯Dockerfile顯示高亮CentOSDocker
- SAP UI5 貨幣金額顯示的格式化邏輯UI
- SAP CRM Fiori應用和SAP JAM的整合配置
- 如何免費試用SAP的Fiori應用
- win10顯示休眠按鈕設定方法 win10電源怎麼顯示休眠按鈕Win10
- SAP Fiori 應用裡圖示(Icon)的渲染原理和使用技巧
- SAP Fiori應用的搜尋問題
- SAP Fiori應用的三種部署方式
- js實現的指定區域可編輯高亮效果JS
- Flutter-engine 顯示Image邏輯Flutter
- 探索Flutter Image顯示Webp邏輯FlutterWeb
- 使用Fiori Elements建立的SAP UI5應用,如何支援編輯功能UI
- SAP CRM頁面assignment block動態顯示與否的控制邏輯BloC
- 異形按鈕的點選區域處理
- SAP Fiori 應用 Adapt UI 動態顯示或者隱藏的技術設計細節解析APTUI
- SAP CRM Fiori 應用和 SAP 電商雲 UI 如何通過調整CSS來改變UI顯示風格UICSS
- iOS 左滑按鈕(UITableViewRowAction)顯示圖片iOSUIView
- SAP Fiori 應用 Manage Workflows for Purchase RequisitionsUI
- !和~的區別(邏輯取反和按位取反)
- 關於 SAP Fiori 應用的離線使用
- 7 h5按鈕持續高亮H5