`

sencha > Events(监听)

 
阅读更多
Ext.application({
    name: 'MyApp',
	launch: function(){   
		//this is the Panel we'll be adding below
		Ext.Viewport.add({
			xtype: 'button',
			centered: true,
			text: 'My Button',

			listeners: {
				tap: function() {
					Ext.Msg.alert("You tapped me");
				}
			}
		});

	}
});

 

Tap 是 触摸的监听

 

**点击先隐藏 然后过1秒后显示

Ext.application({
    name: 'MyApp',
	launch: function(){   
		//this is the Panel we'll be adding below
		Ext.Viewport.add({
			xtype: 'button',
			centered: true,
			text: 'My Button',

			listeners: {
				tap: function() {
					this.hide();
				},
				hide: function() {
					//waits 1 second (1000ms) then shows the button again
					Ext.defer(function() {
						this.show();
					}, 1000, this);
				}
			}
		});

	}
});

 

 

 

分享到:
评论

相关推荐

    sencha > 学习1

    【标题】"Sencha 学习1" 是一个关于Sencha框架学习的资源包,它包含了一系列用于教学或实践的文件。Sencha是一家提供前端JavaScript框架的公司,其产品主要用于构建富互联网应用程序(RIA)。本资源包可能适用于那些...

    sencha > MVC

    - Controller:Controller是应用的控制中心,它监听View和Model的事件,执行相应操作,比如处理用户交互、更新Model或与服务器通信。 3. MVC架构: 在Sencha MVC中,一个应用通常由多个Controller、View、Model和...

    hybrid开发Sencha pinch事件监听实现缩放图片功能

    这个组件继承自Sencha Touch内置的`Ext.ImageView`,并在其中添加对`pinch`事件的监听和处理。通过监听`pinch`事件,我们可以获取到捏合手势的缩放系数(scale),并根据这个系数动态调整图片的大小。 ```...

    Sencha 和 Sencha Touch 简介

    本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...

    SenchaCmd6.6安装程序

    Sencha Cmd是一款强大的命令行工具,专为Sencha框架(如Sencha Touch和Ext JS)的开发和构建过程提供便利。在安装SenchaCmd6.6版本时,我们需要按照一定的步骤进行,确保其能顺利集成到开发环境中。下面将详细介绍...

    SenchaSencha

    Sencha

    sencha.js sencha.css

    Sencha 是一个强大的JavaScript框架,主要用于构建富互联网应用程序(RIA)。它主要由两个核心组件组成:Sencha Touch 和 Ext JS。在给定的信息中,"sencha.js" 和 "sencha.css" 指向了Sencha的核心库文件,它们在...

    SenchaCmd-6.5.3-windows-64bit.zip

    Sencha Cmd是一款强大的命令行工具,专为Sencha框架(如Ext JS和Sencha Touch)的开发和构建过程提供便利。在"SenchaCmd-6.5.3-windows-64bit.zip"这个压缩包中,包含的是适用于Windows 64位系统的Sencha Cmd 6.5.3...

    SenchaTouch音频播放器

    通过拖拽和配置组件,你可以快速地搭建音频播放器的用户界面,包括播放按钮、进度条、音量滑块等元素,并通过事件监听和处理来实现各种交互功能。 例如,你可以添加一个“播放/暂停”按钮,并为其绑定点击事件: `...

    SenchaCmd 6.2.2

    Sencha Cmd 是一个强大的命令行工具,主要用于帮助开发者管理和构建基于Sencha Touch或Ext JS的JavaScript应用程序。在Sencha的生态系统中,它扮演着至关重要的角色,简化了诸如创建项目、构建、压缩、版本控制以及...

    sencha touch 登陆界面

    控制器是Sencha Touch应用的核心部分,它监听视图中的事件(如按钮点击),然后执行相应的动作(Action)。在登录场景中,控制器会监听登录按钮的点击事件,获取输入框的值,然后调用模型的同步方法,将数据发送到...

    sencha touch 折叠list

    Sencha Touch 是一款用于开发移动Web应用程序的JavaScript框架,它提供了丰富的组件库,使得开发者能够构建功能强大的、响应式的移动应用。在Sencha Touch中,`折叠List`(Accordion List)是一种特殊类型的列表,...

    sencha touch list demo

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库,用于构建高性能的触屏Web应用。在“sencha touch list demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的...

    SenchaCmd-4.0.5.87

    Sencha Cmd 是一个强大的命令行工具,主要用于简化Sencha Touch 和 Ext JS 应用程序的开发、构建和部署过程。这个版本"SenchaCmd-4.0.5.87"是针对4.0.x系列的,对于Sencha Touch框架的开发者来说,它是一个不可或缺...

    Sencha touch 移动开发

    ### Sencha Touch 移动开发知识点详解 #### 一、概览 Sencha Touch 是一款专为移动设备设计的高性能 JavaScript 框架,能够帮助开发者构建原生体验的应用程序。它支持 HTML5 和 CSS3 的最新标准,并且兼容多种移动...

    Sencha Touch in Action

    《Sencha Touch in Action》是一本关于使用Sencha Touch进行跨平台移动开发的书籍,它详细介绍了Sencha Touch框架的使用方法和技巧。Sencha Touch是一个利用HTML5、CSS3和JavaScript创建移动Web应用程序的框架,它是...

    sencha touch环境配置.

    Sencha Touch 是一款用于构建移动Web应用程序的框架,它提供了丰富的UI组件和强大的数据管理功能。在开始使用Sencha Touch之前,需要进行一系列环境配置,确保所有必要的软件和工具已经安装并配置妥当。 首先,我们...

    sencha-touch grid 代码

    Sencha Touch Grid是Sencha公司开发的一个用于移动设备的JavaScript框架,主要用于构建数据密集型的交互式用户界面。这个框架特别适用于开发具有表格布局的应用,它提供了强大的数据网格功能,可以展示大量数据并...

    senchaTouch和fusioncharts结合的实例

    你可以结合Sencha Touch 的事件系统,监听并处理这些事件,实现更丰富的用户交互。 7. **更新图表**:如果数据发生变化,可以使用FusionCharts的`updateChart()` 方法动态更新图表内容。 通过以上步骤,你就能在...

    SenchaArchitect 4(5-4)

    SenchaArchitect 4(5-4)

Global site tag (gtag.js) - Google Analytics