The document discusses Ext JS MVC architecture. It describes the roles of controllers, stores, and models in MVC. Controllers listen to events and reference components. Stores manage model objects and load data via proxies. Models define fields and contain application data. The presenter also covers component access rules for Ext JS such as using Ext.getCmp() globally or container.query() within a container scope.

1. Presenter: Debabrata Patra, Mindfire
Solutions
Date: 30/04/2015
Ext JS MVC

2. Presenter: Debabrata Patra, Mindfire Solutions
MVC flow

3. Presenter: Debabrata Patra, Mindfire Solutions
Controller
 It listen to events and take action.
 It set up reference of components.
 It's init function is called before the Application's launch function.
 Be specific while listening to events.
 Have the hierarchy while listening to events to reduce search time.

4. Presenter: Debabrata Patra, Mindfire Solutions
Stores

It encapsulates and manages model objects.

It loads data in model via proxy.

5.  It is defined as a set of fields.
 It contains data.
 It has functions to get/set data which in turn gets reflected on the view.
Model
Presenter: Debabrata Patra, Mindfire Solutions

6. Component Access Rules
Presenter:Debabrata Patra, Mindfire Solutions
 Ext.getCmp('ID') is used to access component globally. Don't use id in component.
 Ext.ComponentQuery.query('') is used to access component globally.
 If we are inside a container scope. We can call container.query().
 To get first element of a container. We can call container.down().

7. Reference
http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/

8. Question and
Answer
Presenter: Gourav Singh, Mindfire Solutions

9. Thank you
Presenter: Gourav Singh, Mindfire Solutions