Javascript 在SAP UI中呈现xml视图后执行操作

我有两个xml视图，根视图和嵌套视图

<mvc:View
        controllerName="test.controller.Root"
        xmlns="sap.m"
        xmlns:mvc="sap.ui.core.mvc">
    <Page title="{i18n>appDescription}">
      <mvc:XMLView viewName="test.view.Nested"/>
    </Page>
</mvc:View>

当我这样做时：

//....
return Controller.extend("test.controller.Nested", {
        onInit : function () {
            this.setActiveTopMenuItem();
        },


        setActiveTopMenuItem: function(){
            $('.myClassName').addClass('activeItem');
        },
//....

---

什么也没发生。我相信他正在试图在绘制视图之前添加一个类。也许我错了。如何正确执行此操作？

在

onInit

事件处理程序中，您的视图尚未呈现，因此基本上是将类添加到不存在的DOM元素中。最好在重新输入onInit事件处理程序中的事件句柄后，在onInit事件处理程序中添加css操作，您的视图尚未呈现，因此基本上您是在向不存在的DOM元素添加一个类。最好在重新进入事件处理程序后的

中添加css操作
//....
return Controller.extend("test.controller.Nested", {
        onInit : function () {
            this.setActiveTopMenuItem();
        },


        setActiveTopMenuItem: function(){
            $('.myClassName').addClass('activeItem');
        },
//....