Controller Question - > target view and nested elements

[landed]

How do I get my controller to make a change to a view. In my case I want to change the title of a titlebar as the section changes. I have the event happening in the controller fine but I cant seem to do the following

the controller...

	onTabChange:function(){			alert(this.mainLayout);
			//console.log(Ext.widget('titlebar').getTitle());
			var tb=Ext.widget('titlebar');
			//Ext.widget('titlebar').setTitle('abc')
	}

you can see what I'm trying to do from here - thanks. Also handy to know how to hit nested elements that is framework friendly.

[mitchellsimoens]

Where is the titlebar in relation to the tabpanel? If it is already created then you need to resolve it.

[landed]

The titlebar is actually in the original viewport, but for any controller created with a view by naming convention how would I access the view ?
T

[mitchellsimoens]

Use ComponentQuery and the convenient methods on each component to move up and down the hierarchy to resolve your titlebar.

[landed]

console.log(Ext.ComponentQuery.query('#market'));

errors to Uncaught TypeError: Cannot call method 'query' of undefined