扩展SAP Fiori App-在页脚中添加按钮

Dew 发表于 Dev

露

我正在扩展hcm.emp.payslip应用程序，需要在页脚中添加一个按钮..什么是正确的方法？

选项1：按照本pdf第13页中的说明放置一个扩展点..-没用..我完全按照提到的步骤进行操作。还是因为我们自己插入一个扩展点而现在不支持该扩展名？

选项2：扩展UI控制器钩子描述这里-我不能尝试这个作为文档是很简短，我是初学者...而且我不知道，如果我们可以通过扩展控制器更改视图

我正在使用eclipse，并安装了工具包插件，在某些地方，我建议他们使用Web IDE，但是我们想使用工具包来做，因为我不确定是否可以访问云HANA。还是使用UI工具包的方式还可以。

希望提出详细步骤的正确方法...

苏尼尔

你选择1是不可能的（为什么呢？因为添加按钮，页脚有controllerHook没有UI扩展点）

与选项2一起使用，在应用程序详细信息页面的所有控制器（S3.controller.j和S3_phone.controller.js）中已经提供了extensionHooks 。

controllerHook： extHookChangeFooterButtons

默认情况下，SAP构建headerFooterOptions并将该对象发送到扩展名Hook

/**
         * @ControllerHook Modify the footer buttons
         * This hook method can be used to add and change buttons for the detail view footer
         * It is called when the decision options for the detail item are fetched successfully
         * @callback hcm.emp.payslip.view.S3_Phone~extHookChangeFooterButtons
         * @param {object} objHdrFtr-Header Footer Object
         * @return {object} objHdrFtr-Header Footer Object
         */

        if (this.extHookChangeFooterButtons) {
            objHdrFtr = this.extHookChangeFooterButtons(objHdrFtr);
        }

因此，在扩展控制器中，您将收到相同的追加：

extHookChangeFooterButtons: function (objHdrFtr) {
    //first if the buttonsList is empty, create one. 
    //Actually in S3.controller.js buttonsList is not defined since there are no buttons
    if (!objHdrFtr.buttonList) {
        objHdrFtr.buttonList = [];
    }
    //then create a button:
    var extendedButton = {
        sId: "EXT_BUTTON",
        sI18nBtnTxt: "SAMPLE", //make sure you add texts in respective i18n files
        bEnabled: true,
        onBtnPressed: function (evt) {
            that.handleExtButtonPress(evt);
        }
    };
    objHdrFtr.buttonList.append(extendedButton)
    //as you can see SAP says to return the object
    return objHdrFtr;
}