第一個Ext.js例子

目錄以及部分代碼：

1.創建一個文件夾起名-------------->js

2.導入下載好的ExtJs文件

   其中包含了

                   ---》resources下的所有文件

                   ---》bootstrap.js

                  ----》ext-all.js

即可

3.進行導入到一個html頁面

<link rel="stylesheet" type="text/css" href="js/resources/css/ext-all.css" />
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>

4.寫入js腳本即可

<script>
    Ext.onReady(function() {
        //創建一個窗體  
        var win = new Ext.Window({
            width : 300,
            height : 300,
            items : [],
            modal : true,
            buttonAlign : 'center',
            buttons : [ {
                text : '測試',
                id : 'btnTest',
                handler : function() {
                    Ext.Msg.show({
                        title : '詢問',
                        msg : '您喜歡 ExtJs 嗎？',
                        fn : processResult,
                        icon : Ext.Msg.QUESTION,
                        buttons : Ext.Msg.YESNO
                    });
                }
            } ]
        });
        win.show();
    });

    //詢問對話框處理Handler  
    function processResult(btn) {
        Ext.Msg.alert('結果', btn);
    }
</script>

測試結果：==========================================================