本文目录一览:
- 1、关于EXTJS的onResize事件监听问题, 我设置了一个panel,里面对它进行onResize事件监听怎么写,
- 2、extjs 用代码触发监听事件
- 3、ExtJS监听浏览器关闭事件,该怎么处理
- 4、extjs 监听事件一共有多少种?
- 5、extjs如何设置监听
- 6、extjs中如何监听textfield的改变
关于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