O'Reilly logo

Learning Ext JS 4 by Armando Gonzalez, Crysfel Villa

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Toolbars

Now we know how to create buttons and menus, so let's keep moving to the next component in our journey of learning Ext JS. It is very common in applications to have many buttons in the same module. In these cases the toolbar component is very handy because we can arrange our buttons the way we need. We can also set the position of our toolbar inside of a panel, window, or any other component that extends from the panel.

In Ext 4 the toolbar component has been redesigned completely. Now it's possible to define a toolbar in any of the four sides of our containers. We can also add more than one toolbar to each side.

Let's start by creating a simple toolbar in the top of a panel. First we need to create an HTML file, import the Ext library, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required