Posted on 2009-03-23 23:46
风花雪月 阅读(271)
评论(0) 编辑 收藏 引用 所属分类:
ExtJs学习
1.先去
http://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脚本的导入顺序，其他的就可以自由发挥了。