Toolbars

Once we have known the basics about buttons and menus, we can move on to the next component, which is the toolbar. As is very common in applications that have toolbars in order to access our application modules, windows, and so on, the toolbar component acts as a container where we can arrange our buttons the way we need.

Since version Ext JS 4, it has been possible to define a toolbar in any of the four sides of our containers (north, south, east, and west). We can also add more toolbars to each side (more than one). It's important to mention that a toolbar is usually used on containers such as a panel, window, or grid, or on subclasses of containers on which it can be placed.

Let's start creating a basic example of a toolbar at the top ...

Get Learning Ext JS - Fourth Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.