嵌套视图的onBeforeShow事件未触发，如何实现视图显示时触发事件？

我之前也碰到过类似的坑，你原来的代码没生效是因为**onBeforeShow并不是视图本身的事件**——它是ShellContainer、App或者NavContainer里的Page控件抛出的事件，直接给嵌套视图加事件委托自然监听不到。下面给你几个靠谱的解决方案，按需选择：

方案一：利用路由的routeMatched事件（路由驱动场景） #

如果你的嵌套视图是通过路由导航展示的，这是最推荐的方式，每次路由匹配到该视图时都会触发：

onInit: function() {
  // 获取当前视图所属的路由实例
  const oRouter = sap.ui.core.UIComponent.getRouterFor(this);
  // 绑定对应路由的matched事件，替换成你的路由名称
  oRouter.getRoute("yourNestedViewRoute").attachMatched(this.onViewShow, this);
},

onViewShow: function(oEvent) {
  // 这里写你要执行的逻辑，每次显示视图都会触发
  alert("Hello!");
}

方案二：通过父视图的事件传递（非路由场景） #

如果嵌套视图是直接嵌入在父视图里的（比如用<mvc:View>标签嵌入），可以在父视图的onBeforeShow里主动调用子视图的方法：

// 父视图控制器的onBeforeShow
onBeforeShow: function(oEvent) {
  // 通过ID获取子视图实例，替换成你的子视图ID
  const oChildView = this.getView().byId("idNestedView");
  if (oChildView) {
    // 调用子视图控制器的自定义方法
    oChildView.getController().onViewShow(oEvent);
  }
}

然后在子视图控制器里定义对应的方法：

onViewShow: function(oEvent) {
  alert("Hello!");
}

方案三：监听容器的beforeShow事件（子视图在Page容器内） #

如果你的嵌套视图是作为sap.m.Page的内容存在的，可以直接给Page绑定beforeShow事件，然后在事件处理里触发子视图的逻辑：

<!-- 父视图里的Page定义，添加beforeShow事件绑定 -->
<Page id="parentPage" beforeShow=".onPageBeforeShow">
  <mvc:View viewName="your.nested.view.Path" id="idNestedView" />
</Page>

父视图控制器里：

onPageBeforeShow: function(oEvent) {
  const oChildView = this.getView().byId("idNestedView");
  oChildView.getController().onViewShow();
}

方案四：自定义全局事件（通用场景） #

如果上面的场景都不适用，可以用全局事件来传递触发信号：

// 子视图控制器的onInit
onInit: function() {
  // 监听自定义全局事件
  sap.ui.getCore().attachEvent("nestedViewShow", this.onViewShow, this);
},

onViewShow: function() {
  alert("Hello!");
},

// 记得在视图销毁时移除监听，避免内存泄漏
onExit: function() {
  sap.ui.getCore().detachEvent("nestedViewShow", this.onViewShow, this);
}

然后在需要触发的地方（比如父视图的onBeforeShow、路由事件里）触发这个全局事件：

sap.ui.getCore().fireEvent("nestedViewShow");

内容的提问来源于stack exchange，提问作者keshet