第一篇 Ext初识

首先,下载最新的Extjs库文件ext-3.3.0.zip

解压后,主要包括resource(css和images),doc(文档),source(源码),adapter(适配器)...

Ext至少引用三个文件:

1.ext全部样式文件

<link type="text/css" rel="stylesheet" href="extjs/resources/css/ext-all.css"/>

2.ext适配器js文件

<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>

3.ext全局js文件

<script type="text/javascript" src="extjs/ext-all.js"></script>

注意:以上三个文件的顺序不能错

 

<html> 
    <head> 
        <link type="text/css" rel="stylesheet" href="extjs/resources/css/ext-all.css"/>
        <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script> 
        <script type="text/javascript" src="extjs/ext-all.js"></script>    
        <script type="text/javascript"> 
            var fn = function(){
                Ext.Msg.alert('Ext初识','Hello World!!!'); 
            }; 
            Ext.onReady(fn); 
        </script> 
    </head> 
    <body>
    </body> 
</html> 

 剖析以上代码我们知道Extjs库可能是这样的:

Ext = {
    Msg:{
        alert:function(title,msg,callback){
           ...... 
        }
    },
    onReady:function(fn){//当文档加载完之后,执行fn
        window.onload = fn;//紧紧是可能,当然不是这么简单.原生的一个js事件只能绑定一个句柄(或者叫作方法引用,这样好理解一些)
    },
    ......
};

好了,在这里不深入,以后慢慢体会吧... 

你可能感兴趣的:(JavaScript,html,css,ext)