O'Reilly logo

Ext JS 6 By Example by Anand Dayalan

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

The application architecture

Ext JS provides support for both MVC and MVVM application architectures.

Model

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.

View

This represents the user interface. So, components such as button, form, and message box are views.

Controller

This handles any view-related logic, event handling of the view, and any app logic.

View model

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 ...

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