外部工具栏项目侦听器不在溢出菜单中工作答案

【问题标题】：Ext Toolbar items listerners not working in overflow menu外部工具栏项目侦听器不在溢出菜单中工作
【发布时间】：2016-08-01 15:54:57
【问题描述】：

我有一个带有几个按钮的 Ext.toolbar.Toolbar 和一个像这样监听这些按钮的点击事件的控制器

    control({    
          '#button1id': {
             click: this.handler1
           } 
    });

问题是工具栏中的 enableOverflow 设置为 true，并且每当出现溢出时，成为溢出菜单一部分的按钮 - 它们的 id 甚至 itemid 都会发生变化，因此控制器侦听器无法正常工作.....什么是最好的解决方案？

【问题讨论】：

奇怪的是，如果我为一个按钮添加 enableToggle: true ，它的 id 在溢出菜单项中不会改变，并且这个监听器工作......但我不能对每个按钮都这样做

【解决方案1】：

如果您知道按钮可能会溢出，请尝试不使用 id。使用其他一些自定义选项，例如：

{
    xtype: 'button',
    action: 'foo', // custom option
    text: 'whatever'
}

然后像这样设置你的控制器：

control({    
    '[action=foo]': {
         click: this.handler1
    } 
});

【讨论】：