IT博客-风花雪月-随笔分类-ExtJs学习http://www.cnitblog.com/conish/category/8113.htmlzh-cnWed, 28 Sep 2011 14:29:35 GMTWed, 28 Sep 2011 14:29:35 GMT60ExtJs初次接触http://www.cnitblog.com/conish/archive/2009/03/23/55679.html风花雪月风花雪月Mon, 23 Mar 2009 15:46:00 GMThttp://www.cnitblog.com/conish/archive/2009/03/23/55679.htmlhttp://www.cnitblog.com/conish/comments/55679.htmlhttp://www.cnitblog.com/conish/archive/2009/03/23/55679.html#Feedback0http://www.cnitblog.com/conish/comments/commentRss/55679.htmlhttp://www.cnitblog.com/conish/services/trackbacks/55679.htmlhttp://www.extjs.com/download下载zip格式的发布包
2.随便解压缩到什么目录下，不管目录名是什么，最后应该看到里边是这样的目录结构（我用的是Aptana这个软件，也可以用Myeclipse这个软件）。           
3.现在我们利用它的目录结构，写一个helloworld例子

进入上图中的examples目录，新建一个helloworld目录，helloworld目录下新建一个helloworld.html文件，将下列内容复制进index.html文件中。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>第一个EestJs程序</title>
        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
        <script type="text/javascript" src="../../adapter/ext/ext-base.js">
        </script>
        <script type="text/javascript" src="../../ext-all.js">
        </script>
        <script type="text/javascript" src="../examples.js">
        </script>
        <script>
            Ext.onReady(function()
   {
    Ext.MessageBox.alert("hello world!");
   });
        </script>
    </head>
    <body>
    </body>
</html>
4.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>第一个EestJs程序</title>
        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
        <script type="text/javascript" src="../../adapter/ext/ext-base.js">
        </script>
        <script type="text/javascript" src="../../ext-all.js">
        </script>
        <script type="text/javascript" src="../examples.js">
        </script>
        <script>
            Ext.onReady(function()
   {
    Ext.MessageBox.alert("hello world!");
   });
        </script>
    </head>
    <body>
    </body>
</html>
4.双击helloworld.html打开页面
5.剖析
想把ext放入自己的项目，需要自己整理一下，因为发布包里的东西并非都是必要的，比如文档，比如例子，比如源代码。

必要的最小集合是这样：ext-all.js，adapter/ext/ext-base.js，build/locale/ext-lang-zh_CN.js和整个resources目录。


1.     ext-all.js，adapter/ext/ext-base.js就包含了ext的所有功能，所有的js脚本都在这里了。

2. build/locale/ext-lang-zh_CN.js是中文翻译。

3. resources目录下是css样式表和图片。

 自己的项目里只需要包含这些东西，就可以使用ext了。使用时，在页面中导入：

<link rel="stylesheet" type="text/css" href="${放置ext的目录}/resources/css/ext-all.css" />
<script type="text/javascript" src="${放置ext的目录}/ext-base.js"></script>
<script type="text/javascript" src="${放置ext的目录}/ext-all.js"></script>
<script type="text/javascript" src="${放置ext的目录}/ext-lang-zh_CN.js"></script>

请注意js脚本的导入顺序，其他的就可以自由发挥了。



风花雪月 2009-03-23 23:46 发表评论
]]>