We need to implement a screen similar to the first screenshot we showed in this chapter. It is a simple Grid panel. So to implement a simple Grid panel we need the following:
A model to represent the information that is stored in the user table
A store with a proxy to read the information from the server
A Grid panel component representing the view
And as we want to load the user information only after the Grid panel is rendered we will also need a controller to listen to this event
So the first step is to create a model to represent the User
table. We are going to create a new file named User.js
under the app/model/security
directory. This model is going to represent all the fields from the User
table, except the password
field, because as the password is something very personal of the user, we cannot display the user's password to any other user, including the administrator. So the user model is going to look like the following:
Ext.define...