Architecting your applications with the MVC pattern
Ext JS 4 introduces the MVC application architecture,which Sencha define as:
- Model: A model contains the definition of your data, which is, in effect a definition of a data entity. In Ext JS 4 models can link to each other through associations and will remain persistent. Most commonly a model will be bound to a store, which can be used in components such as grids.
- View: Views are your UI components/widgets, for example, panels, forms, grids, and windows.
- Controller: A controller pulls everything together. They contain your application's logic and will perform tasks, such as referencing your stores and models from views. They will also be in charge of listening for events from views (for example, ...