extjs中的事件监听方法

时间:2021-09-27 00:19:04
事件监听方法:
(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");

        });

 (4)假设有个类型为GridPanel的变量gridPanel
      gridPanel.addListener('rowclick',function(){  
             alert(3)}  
      );  

 
举例:
如何给表单的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");}
            });