繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > extjs 为某个事件设置拦截器
- Javascript
- 一定时间滚动的链接菜单效果
- 超链接的陷下效果
- 用js实现的打字效果的带链接的新闻标题
- js实现的很酷的连接提示效果
- 再谈IE中Flash控件的自动激活 ObjectWrap
- 超级兔子让浮动层消失的前因后果
- 在线编辑器的实现原理(兼容IE和FireFox)
- B/S开发中常用javaScript技术与代码
- 用JavaScript事件串连执行多个处理过程的方法
- Javascript中的Split使用方法与技巧
- HTML在线编辑器的基本概念与相关资料
- Js+DVML很酷漂亮实用的右键弹出菜单
- 用js实现的比较经典实用的触发型导航菜单
- js中slice()方法的使用说明
- 基础的prototype.js常用函数及其用法
- 常用限制input的方法的js代码
- 又一个图片自动缩小的JS代码
- JavaScript触发器详解
- 理解Javascript的caller,callee,call,apply区别
- 一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试
Javascript 中的 extjs 为某个事件设置拦截器
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-20 浏览: 256 ::
收藏到网摘: n/a
Ext.util.Observable有一个重要的功能，可以为某个事件设置拦截器，统一管理方法的处罚。使用capture()和releaseCapture()来实现这个功能。 我们先来自定义一个事件：
复制代码 代码如下:
person = function(name) {
this.name = name;
this.addEvents("walk");
}
Ext.extend(person, Ext.util.Observable, {
info: function(event) {
return this.name + 'is' + event + 'ing.';
}
});
var person = new person('张铭诺');
person.on('walk', function() {
Ext.Msg.alert('event', person.name + '在走啊走啊。');
});
然后我们再定义一个按钮用来触发这个walk事件：
复制代码 代码如下:
var btn = new Ext.Button({
id: 'walk',
text: '触发事件按钮',
renderTo: Ext.getBody()
});
btn.on('click', function() {
person.fireEvent('walk');
});
当点击按钮时触发事件，效果如下图所示：
现在我们使用capture()函数拦截事件的触发，如下面的代码所示：
复制代码 代码如下:
var btn2 = new Ext.Button({
id: 'cc',
text: '拦截事件',
renderTo: Ext.getBody()
});
btn2.on('click', function() {
Ext.util.Observable.capture(person, function() {
alert('fsdjhf');
return true;
});
});
这时单击btn2按钮，发现弹出对话框后还会触发事件，郁闷。。。。现在将最后一行代码改为return false试试？事件被拦截成功了吧！
这样就给我们一个选择的机会，通过控制capture（）中处理函数的返回值来决定是否继续执行某个时间的监听函数，还是直接中止该事件的发生。
我们还可以为一个对象设置多个capture()拦截函数，这些拦截函数会形成一个处理链条，只要其中任何一个拦截函数返回false，就会中止处理过程。
releaseCapture()函数是capture（）函数的反向操作，它会一次性清除fireEvent()上所有的拦截函数，不过我们无法通过它准确的删除某一个拦截函数。一旦执行了releaseCapture(),那么之前设置的所有拦截函数就都失效了。
评论 (0) All
