[ExtJS] 监听事件

在ExtJS中，常见的监听事件一般用listeners，如下：

{
    xtype:'控件名',
    liteners:{
        事件名:'方法名'
    }
}
//demo 
{
    xtype:'textfield',
    liteners:{
        blur:'onBlur'
    }
}

或者是单个控件on绑定

var wgt = Ext.widget('控件名');
wgt.on(事件名,方法名,作用域)

Demo:

function Demo2() {
    const me = this;//this表示当前的作用域类
    var edit = Ext.widget('textfield');
    edit.on('blur','onBlur',me);
}
function onBlur() {console.log('失焦了')}

 

以上都是单个控件的监听，要是想对一组控件（或某个容器里的控件）进行监听，可采用以下方式：

容器对象.on({
    delegate:'selector选择器',
    事件名:方法
})

例如：有个form控件，