比如 有一个 view 里面是一个轮播图 Carouse 想 给 轮播图第一张 来一个点击 监听事件 先给第一个轮播图一个 id: 'carousel_1'
Ext.define('Sencha.view.IndexCarousel', { extend: 'Ext.Carousel', xtype: 'index_carousel_xx', config: { directionLock: true, direction: 'horizontal', items: [ { xtype: 'image', id:'carousel_1', src: 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png' }, { xtype: 'image', src: 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png' }, { xtype: 'image', src: 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png' } ] } });
然后在contoller 中
control: { '#carousel_1':{ tap:function(){ alert('11111'); } }, }
就好了
相关推荐
1. **源码**:表明这个压缩包中可能包括了用Sencha框架编写的JavaScript源代码,可能是一个完整的应用实例或者特定功能的示例,用于学习Sencha的编程模式和API使用。 2. **工具**:可能包含了构建、调试或优化Sencha...
在Sencha中,Model代表数据模型,View负责显示数据,而Controller作为它们之间的桥梁,处理用户交互并协调数据流动。 2. Sencha MVC组件: - Model:Sencha的Model定义了数据结构和业务规则,包括属性定义、验证...
在"DynamicMVC"这个文件夹中,可能包含了实现动态加载组件和容器内容的相关代码示例,包括模型(Model)、视图(View)、控制器(Controller)以及相关的配置文件。通过学习和理解这些代码,你可以更好地掌握如何在...
3. **视图(View)与控制器(Controller)**:视图是用户界面的呈现部分,而控制器则负责管理和协调视图与模型之间的交互,实现逻辑控制。 4. **数据绑定**:Sencha Touch支持双向数据绑定,这意味着当模型数据改变...
学习Sencha,开发者需要掌握JavaScript基础,理解MVC(Model-View-Controller)设计模式,以及如何利用Sencha的数据管理和远程通信功能。同时,对于Sencha Touch,熟悉移动设备的特性和限制也是必不可少的。通过深入...
5. **生成组件**:Sencha Cmd 支持自动生成组件,例如`sencha generate controller`、`sencha generate view`、`sencha generate model`等,大大减少了手动编写代码的工作量。 6. **预览应用**:`sencha app ...
4. **控制器(Controllers)**:说明如何通过控制器管理视图之间的交互和事件,实现应用逻辑的组织和解耦。 5. **数据存储与同步**:讲解如何使用Store来管理数据,以及与远程服务器进行数据同步的机制,如使用Ajax...
Sencha Touch 的三层架构主要包括视图(View)、模型(Model)和控制器(Controller)。视图是用户界面的呈现部分,模型用于处理数据,而控制器则负责协调视图和模型之间的交互。 1. 视图(View): 在Sencha ...
例如,使用`sencha generate app`命令可以初始化一个新的应用项目,`sencha generate controller`可以创建新的控制器等。 3. **编译与压缩**:SDK工具能够将源代码编译成一个优化过的版本,这包括合并CSS、...
Ext Core 是一个构建跨浏览器运行的动态 web 应用的 JavaScript 库,它提供了 DOM 查询和元素选择的跨浏览器访问 API,它是一个轻量级的,运行性能良好并且很容易使用的 JavaScript 库。 Ext Designer Ext Designer ...
在本教程中,我们将深入探讨Sencha Touch 2中的MVC(Model-View-Controller)模式,并通过一个具体的登录界面例子来理解其工作原理。 MVC模式是软件设计中的经典架构,它将应用程序分为三个核心部分:模型(Model)...
在Sencha Touch中,MVC(Model-View-Controller)模式是其核心架构,帮助开发者组织和分离代码,提高代码的可维护性和可扩展性。本文将深入探讨Sencha Touch的MVC模式以及如何使用。 ### MVC模式简介 MVC模式是一...
4. **初始化图表**:在Sencha Touch 的控制器(Controller)中,当数据加载完成后,利用FusionCharts的API创建图表实例。你需要指定图表类型、宽度、高度、数据源以及容器ID。 ```javascript var chart = new ...
在“Sencha Touch音频播放器”这个项目中,我们主要关注的是如何利用Sencha Touch的API来创建一个本地音频播放器。Audio组件是Sencha Touch为处理音频内容提供的核心元素。它允许开发者加载、控制和播放音频资源,...
- **The Controller**:控制器用于处理用户交互事件,并协调视图和模型之间的通信。 ##### 3.3 添加样式表 通过添加 CSS 文件来美化你的应用程序界面。这一步可以通过 Architect 的内置样式编辑器完成。 ##### 3.4...
- **其他命令**:Sencha Cmd还提供了诸如生成类、控制器、视图、模型等组件的命令,以及编译SASS样式表等功能,帮助开发者高效工作。 5. **注意事项** - 确保安装Java Development Kit (JDK) 1.7或更高版本,因为...
MVC(Model-View-Controller)架构模式是Sencha Touch 2中的核心设计原则,帮助组织和管理代码,提高应用的可维护性和可扩展性。 在这个“Sencha Touch 2 MVC Demo”中,我们很可能会找到一个完整的示例项目,展示...
Sencha
- **控制器(Controller)**:作为视图和模型之间的桥梁,处理用户交互事件和数据更新。 - **store**:存储和管理数据集,可以连接到远程API或本地数据。 - **ExtJS**:Sencha Touch的桌面版本,两者有许多共同点,但...