Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Learn more about Collectives

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Learn more about Teams

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.

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/

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); 
                Thanks for this answer! One quick tip: since it's a config, it has its own setter automagically created for it. button.setArrowVisible(false) will do what you want in fewer characters.
– David Millar
                Jan 4, 2017 at 22:49
        

Thanks for contributing an answer to Stack Overflow!

  • Please be sure to answer the question. Provide details and share your research!

But avoid

  • Asking for help, clarification, or responding to other answers.
  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.