多语言展示
当前在线:299今日阅读:2今日分享:31

Ext 的事件和类的用法和说明

EXT中的事件,可分为如下两种事件:自定义事件和浏览器事件:自定义事件:EXT中的自定义事件通常是继承Ext.util.Observable类来实现。可以为继承了Ext.util.Observable的对象定义一些事件。浏览器事件浏览器事件是浏览器根据用户的动作触发的,相关的类包括:Ext.EventManagerExt.EventObjectExt.lib.Event为HTML元素定义浏览器事件,可以同时定义多个,他们之间会依次执行。
工具/原料
1

notepad++

2

遨游浏览器

方法/步骤
1

自定义事件:创建一个Person类,包含一个属性name,使用this.addEvents()添加3个事件,

2

Ext.extend让Person继承Ext.util.Observable,添加一个函数info()

3

这里使用on为事件添加一个执行函数(登记事件函数)

4

触发事件监听器

5

辅助提示:

6

浏览器事件:Ext.lib.Event定义在adapter中的工具类,重要定义了以下几个主要的函数:getX() getY() getXYgetTarget()on() un()preventDefault()stopPropagation()stopEvent()onAvailable()resolveTextNode()getRelateTarget()

7

Ext.util.Observable要实现一个可处理事件的EXT组件时,可以直接继承Ext.util.Observable大括号表示复合式参数(传入一种复合式参数的形式),如果把下面的single换成buffer,则会以等待执行队列的机制去执行, 重新触发时取消当前事件,保证函数不会重复执行,testid表示传入fn函数的参数,fn函数使用args.参数名去接受。

8

使用on()一次定义多个事件监听器

9

使用capture和releaseCapture设置事件拦截器return true:表示拦截处理后会继续执行接下来的事件return false:表示拦截处理后会终止事件的发生

10

releaseCapture::一次性清楚fireEvent上的所有拦截函数suspendEvents():一次设置来暂停某个对象中所有事件的发生resumeEvents():取消暂停

11

Ext.EventManagerExt.EventManager,定义了一系列事件相关的处理函数,常用的包括:onDocumentReady, onWindowResize, onTextResizeExt.onReady():使用它确保脚本是在HTML元素都加载完成后才执行,可以避免很多潜在的问题。onWindowResize():监听浏览器窗口的大小改变包含两个参数,宽度和高度

12

Ext.EventObject事件的封装类,将EXT自定义事件和浏览器事件结合在一起使用

注意事项

基础学习笔记

推荐信息