extJS事件驱动

<!-- 第一步，引入Ext的样式文件 -->
    <link rel="stylesheet" type="text/css" href="plugins/extjs/ext-3.4.0/resources/css/ext-all.css" />
    <!-- 第二步，引入Ext库文件 -->
    <script type="text/javascript" src="plugins/extjs/ext-3.4.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="plugins/extjs/ext-3.4.0/ext-all.js"></script>
    <script type="text/javascript" src="event.js"></script>

------------------

    <div id="hello">asdf</div>
    <a id="link1" >普通链接</a>

    <div id="btn"></div>

event.js:

Ext.onReady(function(){
    //document.getElementById(elementId);
    Ext.get("link1").on("click",function(e){
        //e.preventDefault();    //组织默认事件
        alert("延迟2秒执行");
    //},this,{delay:2000,single:true});
    },this,{buffer:5000}); //500毫秒只执行1次

    var btn = new Ext.Button({text:"My Button Name"});
    btn.render("btn");
    btn.on("click", btnClick);
});

function btnClick(b,e){
    var win = new Ext.Window({
            title:"win1"+b.text,
            width:300,
            height:200
    });
    win.on("beforeshow", function(){
        return confirm("you want show window?"); //true显示，false不显示
    });
    win.show();
}

function showWindow(){
    var w = {
        width: 500,
        height: 400,
        title: "第一个窗口",
        buttons:[{text:"确定"},{text:"取消"}]
    };
    var win = new Ext.Window(w);
    win.show();
}