ExtJS SetTitle() не обновляет заголовок панели

Question

У меня есть панель следующим образом:

Ext.define('TestPanel', { 
    extend: 'Ext.panel.Panel', 
    alias: 'widget.testPanel', 
id: 'testerPanel', 
title: 'oldTilte', 
//other code 
}); 

У меня есть контроллер с другой точки зрения, где я желаю, чтобы обновить название панели:

var grid = Ext.getCmp('testerPanel'); 
grid.setTitle('newTitle'); //doesn't update the title 

//tried with including ref or view in the controller 
this.getTestPanel().setTitle('newTitle'); //this didn't update it either 

Как обновить заголовок панели? Кроме того, для обеих попыток, если я печатаю console.info(grid) или console.info(this.getTestPanel()), я всегда вижу обновленный заголовок на консольном выходе, но сам пользовательский интерфейс остается неизменным.

Answer 1

Ознакомьтесь с приведенной ниже демонстрацией Jsfiddle для вашего требования, чтобы она работала. Сетка с начальным названием. Панель инструментов Grid содержит одну кнопку 'Change Title' нажмите, чтобы увидеть требуемое решение.

this.up('grid').setTitle('New Grid Title');

Здесь работает демо для Вверху: http://jsfiddle.net/PhAbR/83/