Ext.menu.Menu.items: How to add a handler to existing items?

[oxi]

I managed to feed a Menu with JSON data. Now I want to add a handler to each Menu Item. I tried many things but I never had any success:

...
var menuC = new Ext.menu.Menu({
        id: 'mainMenu',
        items: Ext.decode(responseText)
});

menuC.items.get(1).handler = 'function(arg){alert();}';
menuC.items.get(1).on("click", menuC.items.get(1).target, menuC.items.get(1).scope, true);
...

Acutally I want to achieve that the same function is called by each item with the according item id as argument.

Please Help

[oxi]

After hours of trying the solution was that simple:

menuC.on('click', function(menu, item){
    alert('Item "' + item.id + '" at Menu: ' + menu.id + ' was clicked.');
});

[mikegiddens]

oxi,

I am looking to do a json linked menu just like you are doing and could use some guidence on how the response text looked like from the jsondata. Or how you made the request to the data. Any code on that would be a great help and save me a few hours of banging my head.

At first I was tring to do a no toolbar menu like:



http://www.herbarium.lsu.edu/advancedimagesearch.php (Old YUI Concept)

This was done with YUI a long time back but now tring to replicate this feature somehow in a Ext version. I might end up in a toolbar if anyone has an idea of how to pull this off any direction would be great.

[Animal]

A menu bar example here: http://www.yui-ext.com/forum/viewtop...start=15#15763

Jack is going to adopt it in a future version of Ext, so look for an improved version to be available soon. The interface souldn't change too much though, you should be able to accommodate any changes easily.

[mikegiddens]

Thanks animal for the update. I looked at that post but it is too late to wrap my mind around anything.

I did give oxi idea some thought and this is what I came up with. There may be a better way to generate a menu from server data onthe fly but this works for me for now.

								//----------------------------------------------------------
								// Create Menu for Image Filter
								// Sample Response Text  = "[{text: 'Item 1'},{text: 'Item2',menu: { items: [{text: 'Sub 1'}]	}}]"								
								//----------------------------------------------------------

								Ext.get('images-cp').createChild({tag:'div',id:'images-menubar'});

								var menuSuccess = function(o){
									if(o.responseText){
										var menu = new Ext.menu.Menu({
												id: 'mainMenu',
												items: Ext.decode(o.responseText)
										});
		
										var tb = new Ext.Toolbar('images-menubar');
										tb.add({
												cls: 'x-btn-text', // icon and text class
												text:'Image Filter',
												menu: menu
										});
									}
								}

								YAHOO.util.Connect.asyncRequest('GET', 'util/get-filter-menu.php', {success: menuSuccess});          
								//----------------------------------------------------------

I hope this might help someone or if anyone sees a betterway to improve my thinking using a json store or something great. now I need some sleeeeeppp.....