Sencha Ext.Panel titleを動的に変更する

Question

リストパネルのタイトルを動的に変更するにはどうすればよいですか？ 私はlistpanelが項目であるナビゲーションビューを持っています。したがって、ナビゲーションバーには、動的に変更されるパネルタイトルが表示されます。

画像：

感謝。

listpanel = new Ext.Panel({ 
         layout: 'fit', 
         id:'listpanel', 
         title:'change this title dinamically', 
         items: [ 
           { 
            xtype: 'titlebar', 
            id: 'myTitle', 
            docked: 'top', 
            title: 'title1' 
           }, 
           { xtype: 'titlebar', 
            id: 'myMeanConsumption', 
            docked: 'bottom', 
            title: 'title2' 
           }, 
            list 
           ] 
        }); 

Answer 1

このように、

Ext.getCmp('myTitle').setTitle('Changed Title'); 

---

EDITください：

titleプロパティはExt.Panelコンポーネントでは使用できません。したがって、以下の行は冗長です。

title:'change this title dinamically', 

あなたは、私はすでに上述しただけtitlebarのtitleを変更する必要があります。

listpanelタイトルが表示されません。

Answer 2

listpanelを作成した後にこれを追加します。

listpanel.onAfter('painted', function() { 
listpanel.getNavigationBar().setTitle(newTitle); }, listpanel, { delay: 100 });