Sencha touch Sencha Touch 2.0：通用外部标题栏标题不变

我正在尝试为我的应用程序创建一个带有后退按钮的通用标题栏。我使用{xclass:mUserStories.view.titlebar}将其包含在各种视图中

以下是标题栏的代码：

Ext.define('mUserStories.view.titlebar', {
    extend: 'Ext.TitleBar',
    id: 'narwhal',
    config: {
        docked: 'top',
        // id: 'narwhal',
        title: 'CHW Module',
        items: [{
            ui: 'back',
            text: 'Back',
            id: 'backButton'
            // hidden: true
        }]
    }
})

但是，当我尝试在切换到不同页面时动态更改工具栏时，标题栏的console.log会显示标题已更改，但标题栏上的文本和按钮的“隐藏”属性不会更改

以下是按下按钮切换页面时发生的逻辑代码：

toPage: function (arg) {
    var t = Ext.getCmp('narwhal');
    var b = Ext.getCmp('backButton');
    console.log(t,b)
    if (arg === PAGES.PATIENT_LIST) {
        t.setTitle('Patient List');
        b.setHidden(true)
    }
    Ext.getCmp('viewPort').setActiveItem(arg);
}

我还尝试在顶部为独角鲸添加一个ref:“#narhall”并使用var t=this.getnarhall（），但这也不起作用

我不确定问题是否出在id保存的位置、如何调用id，或者页面没有正确刷新。任何建议都会有帮助

---

感谢您抽出时间：）

我在我的项目中也遇到过同样的情况

通过让一个控制器拥有对标题栏的引用，并在我的选项卡面板上收听activeItemChange，我成功地让一切按您的意愿运行