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, 200 });
                win.show();
            };
        });