Controller Event question

[stratboogie]

hello,
I am creating a Ext.Application that creates a Viewport that Contains a view of aPanel (MainPanel). In defining the Application I give the controllers. inside my panel I have a tbar that has a menu of buttons like so:

tbar: [
		{
			text: "Action Menu",
			menu: [{ text: 'InstructionManagement', action: '1' }, { text: 'ProductManagement', action: '2' }]
		}
	]

In the controller for the MainPanel, I can capture the events for the Panel and any buttons I directly place in the panel, or on the tbar. but what I cannot capture are the events from the buttons inside the menu.

I have tried:

'MainView > menu button[action=1]': {
				click: this.showInstructionManagement
			}
'MainView > tbar > menu button[action=1]': {
				click: this.showInstructionManagement
			},
'MainView button[action=1]': {
				click: this.showInstructionManagement
			},

but none of those works. Can someone please tell me the proper way to do this.

thx
Timothy

[stratboogie]

Any suggestions?

[atian25]

MainView ?

[stratboogie]

Yeah, MainView is the alias to my Panel. I can create even handlers via the controller for the MainPanel and buttons placed directly on the "MainPanel" but I havent figured out to access them when they are nested inside a tbar and menu.

[atian25]

alias:'widget.MainView' ?

[stratboogie]

Yes, that is the alias I give my Panel in the view. And when I attach event listeners in the controller they work using: "MainPanel": evenname: methodtocall. But the problem lies in when I try to attach an eventlistener to a menu button contained in the menu in the tbar of the MainPanel. make sense?

[manilodisan]

have the same problem in another thread for days. theres no documentation yet telling you how to reach a component. I believe it uses some type of css selector but can't get it working either. Maybe a dev will care to answer and ease our path a little bit.

[stratboogie]

Yeah, I agree. I have tried quite a few different ways and none have worked. The examples they have in the documentation are very simple. I would think have some type of drop down menu inside of a panel's tbar is going to be very common. So yes, hopefully a dev will come along and answer our question

[stratboogie]

ok, so the proper way add a listener for the a menuitem nested inside of a panel's toolbar bar is:

init: function () {
		this.control({
			"MainView > toolbar > button > menu > menuitem[text=Customer Search]": {
				click: function (item, eventObj) {
					alert(item.text);
				}
			}
		});
	}

where MainView is the alias for your panel

[stratboogie]

also, I am looking for the text property, but that is interchangeable with any other property as well. i.e. action