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, ...

Get Learning Ext JS 4 now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.