第一个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>

测试结果：==========================================================