Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
MVC IN SENCHA TOUCH                 By,                       Amith
Why MVC?
What‟s MVC?
 Small Talk 80 introduces MVC Model View Controller
Model Loads and manages the application data Usually in response to request from the  View
View Manages the display of information and UI controls
Controller Listens for input from the user , updates  Model and View
Model        Table        +Insert()        +update()        +delete()
View
Controller
ModelExt.define(„MyApp.model.User‟,{  extend:‟ext.data.model‟,     fields:[           „name‟,           „email‟,          ...
ViewExt.define(‘MyApp.view.Info’,{    extend:’Ext.Panel’,    config:{             html:’this is such a good example’    }});
ControllerExt.define(„MyApp.controller.Users‟,{    extend:‟ext.app.Controller‟,    init:function(){         this.control({...
File Structure
Live Code*        *Might end in a disaster..!!!
Questions…?
Thank you..!
Upcoming SlideShare
Loading in …5
×

MVC In Sencha Touch

736 views

Published on

This ppt gives a breif description about how MVC is done in Sencha Touch Mobile Applications

Published in: Technology

MVC In Sencha Touch

  1. 1. MVC IN SENCHA TOUCH By, Amith
  2. 2. Why MVC?
  3. 3. What‟s MVC?
  4. 4.  Small Talk 80 introduces MVC Model View Controller
  5. 5. Model Loads and manages the application data Usually in response to request from the View
  6. 6. View Manages the display of information and UI controls
  7. 7. Controller Listens for input from the user , updates Model and View
  8. 8. Model Table +Insert() +update() +delete()
  9. 9. View
  10. 10. Controller
  11. 11. ModelExt.define(„MyApp.model.User‟,{ extend:‟ext.data.model‟, fields:[ „name‟, „email‟, „password‟ ]});
  12. 12. ViewExt.define(‘MyApp.view.Info’,{ extend:’Ext.Panel’, config:{ html:’this is such a good example’ }});
  13. 13. ControllerExt.define(„MyApp.controller.Users‟,{ extend:‟ext.app.Controller‟, init:function(){ this.control({ „button‟:{ tap:function(){ alert(“you have tapped a button”); } } }); },});
  14. 14. File Structure
  15. 15. Live Code* *Might end in a disaster..!!!
  16. 16. Questions…?
  17. 17. Thank you..!

×