SAP Fiori应用Footerbar区域按钮的高亮显示逻辑

简介: 如果您够细心,您或许会发现有的SAP Fiori应用的footerbar区域内的按钮有高亮显示,有的则没有。如何自己分析这两种按钮的实现原理?

如果您够细心,您或许会发现有的SAP Fiori应用的footerbar区域内的按钮有高亮显示,有的则没有。


如何自己分析这两种按钮的实现原理?


image.png



还是借助Chrome Development Tool。更多Chrome development tool的使用技巧,参考我的博客


Chrome Development Tool tips used in my daily work


使用network tab可以观察到实现高亮实现的CSS class:


image.png


记下这个css class的名称sapMBtnEmphasized:


image.png


由此可见,这个class是在如下代码处设置的:


image.png


只要Fiori应用程序的controller是继承自BaseDetailController,则edit button一定会highlight:


image.pngimage.png


相关文章
|
8月前
|
Web App开发
SAP UI5 表格行项目内的按钮点击之后,如何获得当前所在的表格行项目的数据
SAP UI5 表格行项目内的按钮点击之后,如何获得当前所在的表格行项目的数据
43 0
|
8月前
|
Web App开发 前端开发 JavaScript
SAP UI5 应用开发教程之一百零四 - SAP UI5 表格控件的支持复选(Multi-Select)以及如何用代码一次选中多个表格行项目
SAP UI5 应用开发教程之一百零四 - SAP UI5 表格控件的支持复选(Multi-Select)以及如何用代码一次选中多个表格行项目
52 0
|
12月前
|
BI
SAP 报表设置动态ALV标题栏
关于ALV报表多个事务代码下显示不同标题处理
280 0
|
Web App开发 前端开发
SAP Fiori应用Footerbar区域按钮的高亮显示逻辑
SAP Fiori应用Footerbar区域按钮的高亮显示逻辑
101 0
SAP Fiori应用Footerbar区域按钮的高亮显示逻辑
SAP UI5 footerbar按钮高亮实现逻辑
SAP UI5 footerbar按钮高亮实现逻辑
SAP UI5 footerbar按钮高亮实现逻辑
使用扩展方式隐藏SAP Fiori应用某个表格标签页的实际案例
使用扩展方式隐藏SAP Fiori应用某个表格标签页的实际案例
116 0
使用扩展方式隐藏SAP Fiori应用某个表格标签页的实际案例
SAP Fiori图标(icon)设计原理:一个可以查看 SAP UI5 所有可用图标的工具
SAP Fiori图标(icon)设计原理:一个可以查看 SAP UI5 所有可用图标的工具
122 0
SAP Fiori图标(icon)设计原理:一个可以查看 SAP UI5 所有可用图标的工具
|
前端开发 Android开发
如何操作SAP UI5应用Footer区域工具栏按钮的背景颜色
如何操作SAP UI5应用Footer区域工具栏按钮的背景颜色
128 0
如何操作SAP UI5应用Footer区域工具栏按钮的背景颜色
SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑
这个弹出窗口的技术实现,通过SAP Spartacus 自定义的popover Component实现而成:
SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑
使用SAP C4C rule editor动态控制UI上某个按钮是否显示 - SAP Cloud for Customer UI 规则编辑器的使用一例
使用SAP C4C rule editor动态控制UI上某个按钮是否显示 - SAP Cloud for Customer UI 规则编辑器的使用一例
104 0
使用SAP C4C rule editor动态控制UI上某个按钮是否显示 - SAP Cloud for Customer UI 规则编辑器的使用一例