首页 > 编程知识 正文

extjs监听事件的简单介绍

时间:2024-03-25 09:50:01 阅读:332687 作者:DOTQ

本文目录一览:

关于EXTJS的onResize事件监听问题, 我设置了一个panel,里面对它进行onResize事件监听怎么写,

resize : ( Ext.Component this, Number adjWidth, Number adjHeight, Number rawWidth, Number rawHeight )里面参数是坐标点,由两个坐标点组成的新的大小和位置。(x1,y1,x2,y2)。

on( String eventName, Function handler, [Object scope], [Object options] ) : void

这是panel的事件监听函数,第一个参数是事件名称,resize是一个事件,所以写'resize',第二个是处理函数,在这里传入参数。第三个是函数的作用域,一般无特殊情况写this即可。

具体就是this.on('resize',handlerFn:function(this,adjx,adjy,rawx,rawy){

//这里写你的操作即可,参数是对应resize事件里的。

},this);

更多详细,请参考extjs API

extjs 用代码触发监听事件

你这个写法是不对的,获取根节点不是通过Ext.getCmp这种方式来写的

你最好写成这样:

var rnode = Ext.getCmp("ColligateSearch_tree").getRootNode();

rnode.fireEvent("click",rnode);

亲测有效

ExtJS监听浏览器关闭事件,该怎么处理

当在浏览器的地址栏输入其它网址,非你系统相关的网址,这个方法也检测不到;

另外一种情况,也不能奏效了,如:IE7、8带有选项卡的浏览器,也同样检测不到;

extjs 监听事件一共有多少种?

比如combobox的select,tabPanel的change,gridPanel的beforeLoad................好多。

extjs如何设置监听

事件监听方法:

(1) 这个方法主要给dom对象来监听事件

Ext.get(document).on('事件',function(){ 处理方法});

(2)写在容器里面 如panel

listeners{'事件',function(){处理方法}};

(3)对定义的js类进行事件监听

var eastpanel=new Ext.Panel({

region:'east',

collapsible: true,

width: 275,

items: [{....}]

});

eastPanel.on("collapse",function(e){

alert("ssad");

});

举例:

如何给表单的textfield添加键盘监听事件:

var searchKey = new Ext.form.TextField({ //text

id: 'searchkey',

fieldLabel: 'text',

name: 'text',

defaultType: 'textfield',

grow: false,

blankText: "这个字段最好不要为空",

enableKeyEvents: true

});

searchKey.on('keypress', function(e){

// 监听回车按键

if (e.getKey() == e.ENTER this.getValue().length 0) {

alert("OK");}

});

extjs中如何监听textfield的改变

可以监听change或者keyup事件,change事件是指textfield里面的数值已发生改变并失去焦点的时候触发,keyup事件是指textfield输入时按下任何键盘键后触发,keyup事件仅在enableKeyEvent配置项被设置为true时才触发此事件。

例如

{

xtype

:

'textfield',

fieldLable

:

'标题',

listeners

:

{

change

:

function(field,newValue,oldValue){

alert(newValue+'---'+'oldValue');

}

}

}

详细请参考extjs

API

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。