javascript - openui5 Controller 中未调用 onExit

Question

我在 openui5 中使用选项卡 Controller ，我想定期执行一些操作，所以我使用了下面的代码:

sap.ui.jsview("oui5mvc.tabs", {
    getControllerName: function() {
        return "oui5mvc.tabs";
    },

    // defines the UI of this View
    createContent: function(oController) {

        var defaultTab = window.sessionStorage.getItem("startDialogue");
        if (null === defaultTab || undefined === defaultTab)
            defaultTab = "home";
        selectedTab = defaultTab.toLowerCase();
        var oTabStrip = new sap.ui.commons.TabStrip("tabStrip", {
            height: ($(window).height() - 40) + "px",
            width: "100%",
            tabs: [
                new sap.ui.commons.Tab(defaultTab.toLowerCase() + "Tab" + tabCount, {
                    text: defaultTab.toUpperCase(),
                    closable: true,
                    selected: true,
                    content: [ // Creating a new tab (e.g.: tab1)
                        new sap.ui.view(defaultTab.toLowerCase() + "view" + tabCount, {
                            viewName: "oui5mvc." + defaultTab.toLowerCase(),
                            type: sap.ui.core.mvc.ViewType.JS
                        })
                    ]
                })
            ],
            close: function(event) {
                var tabidx = event.getParameter("index");
                var tab = oTabStrip.getTabs()[tabidx];
                if (null != tab) {
                    (tab.getContent())[0].destroyContent();
                }
                this.closeTab(tabidx);
                this.removeTab(tabidx);

            },
            select: function(event) {
                var tabidx = event.getParameter("index");
                var tab = oTabStrip.getTabs()[tabidx];
                selectedTab = tab.getText().toLowerCase();
            }
        }).addStyleClass("customTabStrip");
    }
});

下面是 tab1 的代码:

var myVar;

sap.ui.controller("oui5mvc.tab1", {

    onInit: function() {
        alert("init");
        //  alert(this.getView());
        //this.getView().setBusy(true); 
    },

    onAfterRendering: function() {

        myVar = setInterval(function() {
            alert("Hello");
        }, 5000);
    },

    onExit: function() {
        clearInterval(myVar);
    },

});

但问题是我正在选项卡 Controller 中的 onExit 部分 openui5 中清除 myVar 但我的问题是我的代码流永远不会到达 onExit 我想知道为什么，我想在选项卡关闭后清除 setInterval 但即使我关闭，弹出窗口仍然出现关闭应用程序内的 openui5 选项卡。有关如何在关闭选项卡时调用 onExit 或任何其他方式在选项卡关闭后停止警报的任何提示。

Answer 1

您必须在 onInit 方法中使用 setInterval 并在 onExit 方法中使用 clearInterval。 onInit 仅调用一次来初始化 View 。 onAfterRendering 可能会被多次调用，从而导致注册多个间隔。

在 TabStrip.close 事件中，您必须在销毁选项卡及其内容( View )之前调用 closeTab() ，否则 TabStrip 会有奇怪的行为(可能是错误)。我建议在关闭的选项卡本身上调用 destroy() ，这也将处理其内容( View )。

close: function(event){
  var tabidx = event.getParameter("index");
  var tab = this.getTabs()[tabidx];
  this.closeTab(tabidx);
  if (tab!==null){
    tab.destroy();
  }
}

有关完整示例，请参阅 here .

编辑:要显示忙碌指示器，我更喜欢在 Model.requestSent 事件和 Control.setBusy(false) 中调用 Control.setBusy(true) 在 Model.requestCompleted 和 Model.requestFailed 事件中。如果您开始在 View 的 onInit() 方法中加载数据，它将显示为忙碌。