第八讲 使用Sencha Architecture 学习 SenchaTouch MVC(1)

第八讲 使用Sencha Architecture 学习 SenchaTouch MVC （1） 

学习要点： 

1. SenchaTouch MVC 介绍 
2. Sencha Architecture 中使用 SenchaTouch MVC 
 
主讲教师：（树根） 

1. SenchaTouch MVC 介绍 

模型－视图－控制器（MVC）框架是一种软件设计模式，如今已被广泛使用。最近几年被推荐为Sun公司
J2EE平台的设计模式，以及 php中的MVC 模受到越来越多的人使用 。 
1 模型 用来把数据连接到应用程序和用户界面组件的功能。用来定义应用程序的数据以及他们的协作和
确认。 
2 视图是任何类型的UI组件。如architect里容器，网格，树，和面板都是属于视图。 
3 控制器的代码使一个应用程序的工作，无论是渲染视图，实例化模型，或进行任何其他逻辑应用程序，
对事件作出响应。控制器把模型和视图连接到了一起。 
 

2. Sencha Architecture 中使用 SenchaTouch MVC  
实现流程 

1.拉动一个Controller 到控制层 
2.定义执行操作的属性id 比如button的id 
3.定义属性 references 1.引用为按钮的id不加# 2.selecter按钮的id加# 
4.选择action 属性 选择Controller Action 选择完成后 1.选择编程的对象 比如 Ext.button 2.选择事件 
比如tap 
5.点击 刚才添加的 tap onButtonTap 然后设置它的属性 controlQuery 不设置表示所有对象响应 设置为 
按钮的id不加# 的引用表示只对这个按钮响应 
6.复制以前的事件 到 tap onButtonTap 代码里面 
7.把以前的事件 delete掉 
8.以后获取按钮可以采用 this.getMyPass().setValue("") id的第一个字母大写 
获取一个元素变得简单 
//Ext.ComponentQuery.query('#MyPanel')[0].setActiveItem(1); 
this.getMyPanel().setActiveItem(1);