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

Adding an invoices' categories tree panel

Now that we have learned how the tree panel works, we are ready to add the invoices' categories tree panel to our application. We are going to make some changes to our previous mockup as shown in the following screenshot:

Adding an invoices' categories tree panel

We are going to change the categories' UI, so we can have the categories' login to the left-hand ide and an invoices' data view to the right-hand side of our main panel.

Let's start defining our category model:

/** * @classMyApp.model.categories.Category * @extendsExt.data.Model * @author Armando Gonzalez <iam@armando.mx> * The category model definition */ Ext.define('MyApp.model.categories.Category', ...

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