javascript - Ext Toolbar items listerners not working in overflow menu -

i have ext.toolbar.toolbar few buttons , controller listens click event of these buttons this

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

problem enableoverflow set true in toolbar , whenever there overflow, buttons become part of overflow menu - ids , itemids change , controller listeners not working.....whats best solution ?

try not using ids if know button might go overflow. use other custom option like:

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

then set controller this:

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