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

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..!