Просто скопируйте и запустите приведенный ниже код в ссылке Sencha Fiddle Кнопка меню на панели инструментов Fiddle
Когда у меня на панели инструментов более одной кнопки меню, и я нажимаю любую кнопку, отображается меню для других кнопок при наведении курсора на все кнопки. Я хочу, чтобы меню отображалось только при нажатии, а не при фокусировке кнопки или при наведении курсора.
Ext.application({
name: 'Fiddle',
launch: function() {
Ext.create({
xtype: 'toolbar',
renderTo: Ext.getBody(),
layout: 'vbox',
padding: 20,
containsFocus : false,
defaults: {
xtype: 'button',
margin: '0 0 12 0'
},
items: [{
xtype: 'splitbutton',
text: 'Split Button',
// click the "Split Button" text to have the click handled
// by the configured 'handler' function
handler: function () {
Ext.Msg.alert('Split Button', 'Button body clicked');
},
// clicking on the menu arrow will show the split button menu
menu: {
plain: true,
items: [{
text: 'Split Menu Item #1'
}, {
text: 'Split Menu Item #2'
}],
listeners: {
click: function (menu, item) {
Ext.Msg.alert('Menu Button', item.text);
}
}
}
} ,{
// clicking anywhere on the button will show its configured menu
text: 'Button with Menu',
menu: {
plain: true,
items: [{
text: 'Menu Item #1'
}, {
text: 'Menu Item #2'
}],
// the click event handler for all menu items
listeners: {
click: function (menu, item) {
Ext.Msg.alert('Menu Button', item.text);
}
}
}
}]
});
}
});