ExtJS中的事件机制

2007年12月12日 | 分类: 开源技术 | 标签: ,

　　ExtJS中的事件机制还是比较简单的，直接对节点元素增加操作函数就可以，例如用以下js先取得节点元素，并且让节点元素被点击的时候执行一个alert操作：

Ext.onReady(function() {
	Ext.get('content').on('click', function(){
		alert("Hi: http://www.wuwx.net");							 
	});
});

　　当页面被点击的时候，效果就出来了，会出现一个alert提示框。

　　同样的操作也可以应用到Ext.select()这个选择方法上，与Ext.get()基本相同，只是把动作应用到多个元素中去。

Ext.onReady(function() {
	Ext.select('p').on('click', function(){
		alert("Hi: http://www.wuwx.net");							 
	});
});

　　这回，就只有点在段落1和段落3的位置，才有alert提示了。

　　并且，当事件被触发的时候，会将当前被触发元素作为一个参数传递给这个匿名函数，例如以下的js代码：

Ext.onReady(function() {
	Ext.select('p').on('click', function(e){
		Ext.get(e.target).highlight();					 
	});
});

　　就会出现当你点击段落1的时候段落1高亮，当你点击段落3的时候，段落3就高亮了。

发表评论 | Trackback
目前还没有任何评论.