Dejo Dejo - 4 months ago 16
Javascript Question

How to set Ext.button.Split not to show arrow when menu is empty?

I have Ext.button.Split, for example:

Ext.create('Ext.button.Split', {
renderTo: Ext.getBody(),
text: 'Example',
handler: function() {
alert("Click!");
}
});


Right now it does not have any menu items. I want to set the button not to show arrow if there are no items. How ?
I use EXTJS 4.1 version.

Answer

You can set split: false to hide arrow. You can also use Ext.button.Button instead of Ext.button.Split - when menu is assigned, arrow shows.

Example: http://jsfiddle.net/AUE6J/

Comments