sencha > Events(监听)

最新推荐文章于 2014-08-08 14:15:33 发布

原创最新推荐文章于 2014-08-08 14:15:33 发布 · 128 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Sencha Tcouch

当前文章被收录于：

Sencha Tcouch

11 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文展示了一个使用Sencha Touch框架创建的简单按钮示例，该按钮能够在被点击后隐藏自身，并在一秒钟后重新出现。文章通过Ext.application配置对象定义了一个名为“MyApp”的应用程序，并在Viewport中添加了一个居中的按钮。

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 是触摸的监听

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

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);
				}
			}
		});

	}
});