MVC In Sencha Touch
Download as PPTX, PDF1 like575 views
This document provides an overview of MVC (Model View Controller) architecture in Sencha Touch. It defines the roles of the Model, View and Controller, including that the Model manages data, the View manages UI display, and the Controller listens for user input and updates the Model and View. Code examples are given of defining a Model, View and Controller class in Sencha Touch. The document also includes a file structure diagram and notes that a live coding demo carries risks.
![Model
Ext.define(„MyApp.model.User‟,{
extend:‟ext.data.model‟,
fields:[
„name‟,
„email‟,
„password‟
]
});](https://image.slidesharecdn.com/mvcinsencha-121202003852-phpapp02/85/MVC-In-Sencha-Touch-11-320.jpg)
MVC In Sencha Touch
- 1. MVC IN SENCHA TOUCH By, Amith
- 2. Why MVC?
- 3. What‟s MVC?
- 4. Small Talk 80 introduces MVC Model View Controller
- 5. Model Loads and manages the application data Usually in response to request from the View
- 6. View Manages the display of information and UI controls
- 7. Controller Listens for input from the user , updates Model and View
- 8. Model Table +Insert() +update() +delete()
- 9. View
- 10. Controller
- 11. Model Ext.define(„MyApp.model.User‟,{ extend:‟ext.data.model‟, fields:[ „name‟, „email‟, „password‟ ] });
- 12. View Ext.define(‘MyApp.view.Info’,{ extend:’Ext.Panel’, config:{ html:’this is such a good example’ } });
- 13. Controller Ext.define(„MyApp.controller.Users‟,{ extend:‟ext.app.Controller‟, init:function(){ this.control({ „button‟:{ tap:function(){ alert(“you have tapped a button”); } } }); }, });
- 14. File Structure
- 15. Live Code* *Might end in a disaster..!!!
- 16. Questions…?
- 17. Thank you..!