SAPUI5根据匹配的上下文/路由动态更改文本

Question

我目前正在开发一个用于用户创建和用户编辑过程的XML视图。

是否有一种优雅的方式来改变视图的标题，具体取决于我使用的模式（创建用户/编辑用户）？优选不隐藏DOM元素的方法。

Answer 1

如果您使用的是纯UI5应用程序：

 onRouteMatched : function(oEvent) {
    var that = this;
    if (oEvent.getParameter("name") === "user") { //the name you have given for the view in **Component.js**
        //your initial create login
    that.byId("myPage").setTitle("Create New user");
   that.byId("objHeader").setTitle("Update user");
    }
  //this will be executed when you come as update context
    if (oEvent.getParameter("name") === "edituser") {

        that.byId("myPage").setTitle("Update user");
        that.byId("objHeader").setTitle("Update user");
    }
  }

类似 XML 添加ID：

<Page id="myPage" class="sapUiFioriObjectPage" title="{i18n>createNewUserHdrTitle}"
        showNavButton="true" navButtonTap="onNavBack">
        <ObjectHeader id="objHeader" title="{i18n>createNewUserHdrTitle}">
        </ObjectHeader>
    </Page>

如果您使用的是i18n文本，请确保将翻译资源绑定到您的视图中。