Sencha change Ext.Panel название динамически

Question

Как я могу изменить название панели списка динамически? У меня есть navigationview, где 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', 

Вы должны изменить title из titlebar только который я уже упоминал выше.

Я не могу видеть заголовок listpanel.

Answer 2

Добавьте это после создания listpanel:

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