在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");

        });

(附)split 用法

spilt 为可以自由改变宽度、高度, 值得注意的是,north 和south区域上只能上,下拖放,west和east只能左右拖放,center区域则不会变化,即使给center后面加上spilt:true 也不会出现任何拖放边界。


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

            });

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐