第一个Ext.js例子

来源:互联网 发布:无损歌曲播放软件 编辑:程序博客网 时间:2024/05/29 15:35

目录以及部分代码:

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>


测试结果:==========================================================