YOU ARE DOWNLOADING DOCUMENT

Please tick the box to continue:

Transcript
Page 1: Ext js Part 2- MVC

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

Ext JS MVC

Page 2: Ext js Part 2- MVC

Presenter: Debabrata Patra, Mindfire Solutions

MVC flow

Page 3: Ext js Part 2- MVC

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.

Page 4: Ext js Part 2- MVC

Presenter: Debabrata Patra, Mindfire Solutions

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

Page 5: Ext js Part 2- MVC

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

Page 6: Ext js Part 2- MVC

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

Page 7: Ext js Part 2- MVC

Reference

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

Page 8: Ext js Part 2- MVC

Question and Answer

Presenter: Gourav Singh, Mindfire Solutions

Page 9: Ext js Part 2- MVC

Thank you

Presenter: Gourav Singh, Mindfire Solutions


Related Documents