Ext JS provides support for both MVC and MVVM application architectures.
This represents the data layer. The model can contain data validation and logics to persist the data. In Ext JS, mostly model is used along with a data store.
This represents the user interface. So, components such as button, form, and message box are views.
This handles any view-related logic, event handling of the view, and any app logic.
This encapsulates the presentation logic required for the view, binds the data to the view, and handles the updates whenever the data is changed.
Now, let's examine some of the files created by Sencha Cmd for the view, controller, and view model.
If you open
app.js, you'll see the following ...