O'Reilly logo

Learning Ext JS - Fourth Edition by Armando Gonzalez, Crysfel Villa, Carlos A. Méndez

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

The tree grid panel

The tree grid panel has the power of the tree, mixed with the flexibility of the grid panel. This tree configuration is very handy when we want to show more information in our tree panel. As a matter of fact, the tree grid is an Ext.tree.Panel with its columns configuration being the same as in the grid. It also needs some dependencies (Ext JS require) from the grid component, such as columns and others.

You can use the same column types as in the grid component (date, checkbox, template, widgets, and so on). For this example, we need to create the column definitions that our tree panel will be using. It is the same process as is used when we define columns for a grid component.

In this example, we are going to list our Menu ...

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