Search code examples
javascriptextjsextjs4

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.

Solution

  • 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/