ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

如何将 Fiori Elements Object Page Header 工具栏里按钮用 JavaScript 代码设置成禁用状态

如何将 Fiori Elements Object Page Header 工具栏里按钮用 JavaScript 代码设置成禁用状态

今天有教程读者提出一个问题。

以教程目录Fiori-Elements-Tutotials\08下的应用为例,运行命令行npm run start之后,从 List Report 进入 Object Page 区域,看到 Page header 上有个工具栏,上面有一排按钮。

需求:如何使用代码动态控制这些按钮是否可以被点击?

要实现这个需求,先要搞清楚这些按钮是怎么渲染出来的。

老规矩,将应用使用Ctrl+Alt+Shift+P切换到调试模式:

然后使用笔者这篇文件介绍的 Chrome 浏览器扩展 UI5 Inspector:

  • SAP UI5 应用开发教程之四十一 - Chrome 扩展 UI5 Inspector 的离线安装和使用方法

顺着下图数字序号的

返回列表