如下圖所示，這是 SAP Fiori Elements List Report 一個例子，我們想在表格工具欄里，新增一個自定義按鈕：

實現(xiàn)方式

在 SAP Fiori Elements 項目工程里，修改 manifest.json，添加如下代碼：

"extends": {"extensions": {"sap.ui.controllerExtensions": {"sap.suite.ui.generic.template.ListReport.view.ListReport": {"controllerName": "com.sap.jerry.jerryfioriapp.ext.controller.ListReportExtension","sap.ui.generic.app": {"SEPMRA_C_PD_Product": {"EntitySet": "SEPMRA_C_PD_Product","Actions": {"ActionName1": {"id" : "ActionName1","text" : "Action Name One","press" : "onCustomAction1","requiresSelection": false}}}}} }}},

我們需要創(chuàng)建一個 sap.ui.controllerExtensions 的具體實現(xiàn)，該擴展的 id 為 com.sap.jerry.jerryfioriapp.ext.controller.ListReportExtension：

這個 controller 里包含了自定義的按鈕點擊處理函數(shù)：onCustomAction1.

實現(xiàn) sap.ui.controllerExtensions. 兩處的 controller extension id 要一致。

Controller 的完整實現(xiàn)代碼：

sap.ui.define("com.sap.jerry.jerryfioriapp.ext.controller.ListReportExtension", [], function() {return {onCustomAction1 : function(oEvent) {debugger;alert('Hello');},onCustomAction2 : function(oEvent) {debugger;},}});

運行時，這個自定義按鈕被渲染如下：

點擊之后，彈出了 onCustomAction1 里調(diào)用的 alert 語句：

查看運行時該按鈕渲染的 HTML 代碼，發(fā)現(xiàn)是 Fiori Elements id + 應(yīng)用類型(sap.suite.ui.generic.template.ListReport.View.ListReport) + manifest.json 里定義的 entitySet + manifest.json 里定義的 Action 名稱拼裝而成。

sap.suite.ui.generic.template.ListReport.view.ListReport

這種自定義按鈕，在 SAP Fiori Elements 世界里有個術(shù)語叫做 Breakout action，其 id，即我們 controller extension 里定義的 action ID，在 AnnotationHelper.js 的 getBreakoutActionButtonId 里被解析出來：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的如何在 SAP Fiori Elements List Report 表格工具栏里增添新的自定义按钮的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。