Presenter: Debabrata Patra, Mindfire SolutionsDate: 30/04/2015

Ext JS MVC

Presenter: Debabrata Patra, Mindfire Solutions

MVC flow

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.

Presenter: Debabrata Patra, Mindfire Solutions

Stores It encapsulates and manages model objects. It loads data in model via proxy.

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

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

Reference

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

Question and Answer

Presenter: Gourav Singh, Mindfire Solutions

Thank you

Presenter: Gourav Singh, Mindfire Solutions