`

sencha > controller 任意控制 view 中的元素

 
阅读更多

比如 有一个 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');
                }
            },
            
            
        }  

 

就好了

分享到:
评论

相关推荐

    sencha > 学习1

    1. **源码**:表明这个压缩包中可能包括了用Sencha框架编写的JavaScript源代码,可能是一个完整的应用实例或者特定功能的示例,用于学习Sencha的编程模式和API使用。 2. **工具**:可能包含了构建、调试或优化Sencha...

    sencha > MVC

    在Sencha中,Model代表数据模型,View负责显示数据,而Controller作为它们之间的桥梁,处理用户交互并协调数据流动。 2. Sencha MVC组件: - Model:Sencha的Model定义了数据结构和业务规则,包括属性定义、验证...

    sencha touch动态加载组件

    在"DynamicMVC"这个文件夹中,可能包含了实现动态加载组件和容器内容的相关代码示例,包括模型(Model)、视图(View)、控制器(Controller)以及相关的配置文件。通过学习和理解这些代码,你可以更好地掌握如何在...

    sencha touch项目源码

    3. **视图(View)与控制器(Controller)**:视图是用户界面的呈现部分,而控制器则负责管理和协调视图与模型之间的交互,实现逻辑控制。 4. **数据绑定**:Sencha Touch支持双向数据绑定,这意味着当模型数据改变...

    sencha.js sencha.css

    学习Sencha,开发者需要掌握JavaScript基础,理解MVC(Model-View-Controller)设计模式,以及如何利用Sencha的数据管理和远程通信功能。同时,对于Sencha Touch,熟悉移动设备的特性和限制也是必不可少的。通过深入...

    SenchaCmd-4.0.5.87

    5. **生成组件**:Sencha Cmd 支持自动生成组件,例如`sencha generate controller`、`sencha generate view`、`sencha generate model`等,大大减少了手动编写代码的工作量。 6. **预览应用**:`sencha app ...

    sencha touch中文翻译文档

    4. **控制器(Controllers)**:说明如何通过控制器管理视图之间的交互和事件,实现应用逻辑的组织和解耦。 5. **数据存储与同步**:讲解如何使用Store来管理数据,以及与远程服务器进行数据同步的机制,如使用Ajax...

    sencha touch 登陆界面

    Sencha Touch 的三层架构主要包括视图(View)、模型(Model)和控制器(Controller)。视图是用户界面的呈现部分,模型用于处理数据,而控制器则负责协调视图和模型之间的交互。 1. 视图(View): 在Sencha ...

    sencha touch sdk工具

    例如,使用`sencha generate app`命令可以初始化一个新的应用项目,`sencha generate controller`可以创建新的控制器等。 3. **编译与压缩**:SDK工具能够将源代码编译成一个优化过的版本,这包括合并CSS、...

    Sencha 和 Sencha Touch 简介

    Ext Core 是一个构建跨浏览器运行的动态 web 应用的 JavaScript 库,它提供了 DOM 查询和元素选择的跨浏览器访问 API,它是一个轻量级的,运行性能良好并且很容易使用的 JavaScript 库。 Ext Designer Ext Designer ...

    Sencha Touch 2入门教程之MVC例子程序源代码

    在本教程中,我们将深入探讨Sencha Touch 2中的MVC(Model-View-Controller)模式,并通过一个具体的登录界面例子来理解其工作原理。 MVC模式是软件设计中的经典架构,它将应用程序分为三个核心部分:模型(Model)...

    Sencha Touch MVC 模式

    在Sencha Touch中,MVC(Model-View-Controller)模式是其核心架构,帮助开发者组织和分离代码,提高代码的可维护性和可扩展性。本文将深入探讨Sencha Touch的MVC模式以及如何使用。 ### MVC模式简介 MVC模式是一...

    senchaTouch和fusioncharts结合的实例

    4. **初始化图表**:在Sencha Touch 的控制器(Controller)中,当数据加载完成后,利用FusionCharts的API创建图表实例。你需要指定图表类型、宽度、高度、数据源以及容器ID。 ```javascript var chart = new ...

    SenchaTouch音频播放器

    在“Sencha Touch音频播放器”这个项目中,我们主要关注的是如何利用Sencha Touch的API来创建一个本地音频播放器。Audio组件是Sencha Touch为处理音频内容提供的核心元素。它允许开发者加载、控制和播放音频资源,...

    Sencha touch 移动开发

    - **The Controller**:控制器用于处理用户交互事件,并协调视图和模型之间的通信。 ##### 3.3 添加样式表 通过添加 CSS 文件来美化你的应用程序界面。这一步可以通过 Architect 的内置样式编辑器完成。 ##### 3.4...

    SenchaCmd6.6安装程序

    - **其他命令**:Sencha Cmd还提供了诸如生成类、控制器、视图、模型等组件的命令,以及编译SASS样式表等功能,帮助开发者高效工作。 5. **注意事项** - 确保安装Java Development Kit (JDK) 1.7或更高版本,因为...

    Sencha Touch2 MVC Demo (含源码/数据库)

    MVC(Model-View-Controller)架构模式是Sencha Touch 2中的核心设计原则,帮助组织和管理代码,提高应用的可维护性和可扩展性。 在这个“Sencha Touch 2 MVC Demo”中,我们很可能会找到一个完整的示例项目,展示...

    SenchaSencha

    Sencha

    Sencha Touch2环境搭建

    - **控制器(Controller)**:作为视图和模型之间的桥梁,处理用户交互事件和数据更新。 - **store**:存储和管理数据集,可以连接到远程API或本地数据。 - **ExtJS**:Sencha Touch的桌面版本,两者有许多共同点,但...

Global site tag (gtag.js) - Google Analytics