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:
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 <email@example.com> * The category model definition */ Ext.define('MyApp.model.categories.Category', ...