So far, we saw how to define and create a model and use it to populate a form. There are various other components which work with a collection of models that need to be saved in a store. In this recipe, we will look at the steps required to define a store and use it to contain models and populate the data in a component.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Carry out the following steps:
Create and open a new file named
ch05_03.jsand paste the following code into it:Ext.setup({ onReady: function() { Ext.regModel('User', { fields: [ {name: 'name', type: 'string'}, {name: 'age', type: 'int'}, {name: 'phone', type: 'string'}, {name: 'email', type: 'string'}, {name: 'alive', type: 'boolean', defaultValue: true} ] }); var store = new Ext.data.Store({ model: 'User', data : [{ name :...