Extjs中自定义事件

//Ext中所谓的响应事件，响应的主要是组件中已经定义的事件（通过看api各组件的events可以找到）

        //主要作用就是利用on调用各组件的事件处理函数，然后在函数中作用户想要的操作

        //Ext也可以自定义事件，定义过程参考Ext.util.Observable





       // <div id="div1" />  <div id="div2" />这种形式定义div的话，按钮2会在按钮1上面，但是我是想按钮1在按钮2上面呀，所以不能用这种方式，使用<div id="div1"></div>

//<div id="div2"></div>这种方式。

Ext.onReady(function(){

            var btn1 = Ext.create('Ext.button.Button', { id: 'b1', text: '按钮1触发的窗口' });//定义按钮

            btn1.render('div1');  //然后将按钮渲染到id为div1的div上突然就有了一种不用工具栏，菜单栏，面板也可以定义按钮的感觉      

            btn1.on('click', btnclick);  //on就是addListener(),为时间绑定处理函数，前两个参数是事件名称和事件处理函数，然后就是

            //scope和delay（{delay:2000}，延迟2秒调用处理函数。还有其他的配置项）

            var btn2=Ext.create('Ext.button.Button',{id:'b2',text:'按钮2触发的窗口'});

            btn2.render('div2');        

           btn2.on('click',btnclick);

           function btnclick(b, e) {//按钮的click事件向事件处理函数中传递了两个参数：b就是按钮对象，e就是'click'事件

                                                                                      //可以在API中组件事件中查到。

                var win = Ext.create('Ext.Window', { title: b.text, height: 200, width: 200 });

                win.show();

            };

        });