Скрыть кнопки «Утвердить/Отклонить» на странице сведений о мастере Fiori

Рекомендуется: принципы проектирования SAP Fiori говорят только об отключении кнопок нижнего колонтитула вместо изменения видимости Button. Подробнее о рекомендациях

В зависимости от условий фильтра можно отключить так:

this.setBtnEnabled("btn_approve", false);

включить снова: this.setBtnEnabled("btn_approve", true);

Точно так же вы можете изменить текст кнопки, используя this.setBtnText("btn_approve", "buttonText");

Другой способ: Как сказал @TobiasOetzel, используйте

this.setHeaderFooterOptions(yourModifiedHeaderFooterOptions);

вы можете вызывать setHeaderFooterOptions на вашем контроллере несколько раз, например:

//Code inside of the controller
_myHeaderFooterOptions = {
    oPositiveAction: {                       
        sI18nBtnTxt: that.resourceBundle.getText("XBUT_APPROVE"),
        id :"btn_approve",
            onBtnPressed: jQuery.proxy(that.handleApprove, that)
        },
    oNegativeAction: {                   
        sI18nBtnTxt: that.resourceBundle.getText("XBUT_REJECT"),
        id :"btn_reject",
        onBtnPressed: jQuery.proxy(that.handleReject, that)
    }
},

//set the initial options
onInit: function () {
    this.setHeaderFooterOptions(this._myHeaderFooterOptions);
},

//modify the options in an event
onFilter : function () {
    //remove the negative action to hide it
    this._myHeaderFooterOptions.oNegativeAction = undefined;
    this.setHeaderFooterOptions(this._myHeaderFooterOptions);
},

//further code

поэтому, манипулируя _myHeaderFooterOptions, вы можете влиять на отображаемые кнопки.

Во-первых, вы должны использовать sId вместо id при определении HeaderFooterOptions, вы можете получить кнопки нижнего колонтитула с помощью sId, например, кнопку Approve.

this._oControlStore.oButtonListHelper.mButtons["btn_approve"]

Пожалуйста, проверьте следующий фрагмент кода:

S2.view.controller: у вас есть обработчик событий фильтра, определенный следующим образом, и вы используете EventBus для публикации событий с OrderTypeChanged по S3.view.controller.

onFilterChanged: function(oEvent) {
    // Set the filter value, here i use hard code
    var sFilter = "Past Orders";
    sap.ui.getCore().getEventBus().publish("app", "OrderTypeChanged", {
         filter: sFilter
    });
}

S3.view.controller: подпишитесь на событие OrderTypeChanged от S2.view.controller.

onInit: function() {
    ///
    var bus = sap.ui.getCore().getEventBus();
    bus.subscribe("app", "OrderTypeChanged", this.handleOrderTypeChanged, this);

},

getHeaderFooterOptions: function() {

    var oOptions = {

        oPositiveAction: {
            sI18nBtnTxt: that.resourceBundle.getText("XBUT_APPROVE"),
            sId: "btn_approve",
            onBtnPressed: jQuery.proxy(that.handleApprove, that)
        },

        oNegativeAction: {
            sI18nBtnTxt: that.resourceBundle.getText("XBUT_REJECT"),
            sId: "btn_reject",
            onBtnPressed: jQuery.proxy(that.handleReject, that)
        }
    };
    return oOptions;

},
handleOrderTypeChanged: function(channelId, eventId, data) {
    if (data && data.filter) {
        var sFilter = data.filter;
        if (sFilter == "Past Orders") {
            this._oControlStore.oButtonListHelper.mButtons["btn_approve"].setVisible(false);
        }
        //set Approve/Reject button visible/invisible based on other values 
        //else if(sFilter == "Other Filter") 
    }
}