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

The grid tree

The grid tree 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.

We will need a model, a store, and some columns' definition to get our tree panel working. In this example we are going to list file properties, like file size, owner, and creation date.

First we are going to define the file model:

/** * @classApp.model.File * @extends Object * @author Armando Gonzalez <iam@armando.mx> * The file model definition */ Ext.define('App.model.File', { extend: 'Ext.data.Model', fields:[ {name:'name', type:'string'}, {name:'owner', type:'string'}, {name:'created_at', type:'date', dateFormat: 'm/d/Y'}, {name:'size', type:'string'} ...

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