Ext button menu 触发相应事件 笔记记录

[color=brown]
[b]Ext button menu 触发相应事件 笔记记录[/b]
今天需要完成一个功能是把一个button变成一个菜单，然后点击不同菜单的时候触发不同的事件，在api上很容的就找到了在按钮下面添加菜单的方法，但是触发相应事件却让我为难了不少，最后终于找到办法了，现在把办法共享出来，供大家参考

view层 在button下增加菜单代码

this.buttonPublish = Ext.create('Ext.button.Button',{
     		action: 'publish_button',
     		tooltip	: '发布', 
     		iconCls	: 'icon-release',
     		menu:[{
     				id		: 'buttonPublishMenu',
     				iconCls	: 'icon-release',
     				text	: '注册菜单'
     			},
     			{
     				id		: 'buttonPublishComment',
     				iconCls	: 'icon-release',
     				text	: '注册组件'
     			}]
     	});

注意 这里的meun需要加上id，方便contorller里面找到它。

controller层中 对不同的菜单触发不同事件，相应代码如下：

// 发布按钮 注册菜单
					'querylist button[action=publish_button] #buttonPublishMenu': {
						click : this.queryPublish
					},
					// 发布按钮  注册组件
					'querylist button[action=publish_button] #buttonPublishComment': {
						click : this.queryPublish
					}

关键就在click这里，我这里调用的是同一个方法。

queryPublish : function(btn, e, eOpt) {
    console.log(btn);
}

就可以写你想要的代码了。
以上就完成了，你懂了吗？亲，效果图在附件里。如果大家有更好的办法，欢迎留言~~
[/color]