如何在 SAP Fiori Elements List Report 表格工具栏里增添新的自定义按钮

简介: 如何在 SAP Fiori Elements List Report 表格工具栏里增添新的自定义按钮

如下图所示,这是 SAP Fiori Elements List Report 一个例子,我们想在表格工具栏里,新增一个自定义按钮:image.png

实现方式

  1. 在 SAP Fiori Elements 项目工程里,修改 manifest.json,添加如下代码:image.pngimage.png我们需要创建一个 sap.ui.controllerExtensions 的具体实现,该扩展的 id 为 com.sap.jerry.jerryfioriapp.ext.controller.ListReportExtension:

image.png这个 controller 里包含了自定义的按钮点击处理函数:onCustomAction1.

  1. 实现 sap.ui.controllerExtensions. 两处的 controller extension id 要一致。image.pngController 的完整实现代码:image.png运行时,这个自定义按钮被渲染如下:image.png点击之后,弹出了 onCustomAction1 里调用的 alert 语句:image.png查看运行时该按钮渲染的 HTML 代码,发现是 Fiori Elements id + 应用类型(sap.suite.ui.generic.template.ListReport.View.ListReport) + manifest.json 里定义的 entitySet + manifest.json 里定义的 Action 名称拼装而成。image.pngsap.suite.ui.generic.template.ListReport.view.ListReport


这种自定义按钮,在 SAP Fiori Elements 世界里有个术语叫做 Breakout action,其 id,即我们 controller extension 里定义的 action ID,在 AnnotationHelper.js 的 getBreakoutActionButtonId 里被解析出来:image.png





相关文章
|
1天前
|
数据库 API
启用SAP Fiori之前的一些注意事项
启用SAP Fiori之前的一些注意事项
18 0
|
1天前
|
JavaScript 前端开发
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
7 0
|
1天前
|
存储 安全 网络安全
关于事务码 STRUST 里 Add to Certificate List 按钮灰色不可点击的问题分析
关于事务码 STRUST 里 Add to Certificate List 按钮灰色不可点击的问题分析
10 2
|
1天前
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
16 0
|
1天前
|
UED
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
39 0
|
1天前
|
前端开发 UED
SAP Fiori 到底指什么
SAP Fiori 到底指什么
53 0
|
1天前
|
XML 前端开发 JavaScript
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
17 0
|
1天前
|
XML 存储 JavaScript
关于 SAP Fiori Elements List Report 里的 TableCell.fragment.xml 头部声明
关于 SAP Fiori Elements List Report 里的 TableCell.fragment.xml 头部声明
26 0
|
1天前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
33 0
|
1天前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
18 0
http://www.vxiaotou.com