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.

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.

• javascript
• extjs
• extjs4

Share Improve this question Follow asked Nov 26, 2012 at 23:01 DejoDejo 2,14633 gold badges2626 silver badges4040 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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

I had a similar issue with ExtJS 6.0.1.

Once the splitbutton is rendered (at least into some panels like an action widget in a grid column), simply setting the property:

button.arrowVisible = false; 

...will not work. You must do this:

button.setConfig('arrowVisible', false);