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

2014-3-1 09:45| 发布者: admin| 查看: 8409| 评论: 0

摘要: 第八讲使用Sencha Architecture 学习 SenchaTouch MVC （1）学习要点： 1. SenchaTouch MVC 介绍 2. Sencha Architecture 中使用 SenchaTouch MVC 主讲教师：（树根） 1. SenchaTouch MVC 介绍模型－视图－控制器 ...

本教程为赞助视频教程,只有赞助会员才可以下载此视频教程

详情请看:
http://bbs.phonegap100.com/thread-296-1-1.html

第八讲使用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);