您的位置：首页 > Web前端 > JavaScript

Ext JS下载及配置

2012-03-30 22:54 113 查看
1、Ext JS下载

　　Ext JS官方网站：http://www.sencha.com/

　　当前下载的最新版本为ext-4.0.7-gpl.zip，解压之后文件目录结构如下图所示：



　　文件目录主要资源说明：

　　1、builds目录是ExtJS压缩后的代码，经过压缩的代码体积更小，加载更快。

　　2、docs目录是ExtJS的文档，其中最重要的是ExtJS的API。

　　3、examples目录是官方的演示实例。

　　4、locale目录是多国语言的资源文件，其中ext-lang-zh_CN.js是中文简体。

　　5、pkgs目录是ExtJS各部分功能的打包文件。

　　6、resource目录是ExtJS要用到的图片文件和样式表文件。

　　7、src目录是未压缩的源代码目录。

　　8、bootstrap.js是ExtJS库的引导文件，通过参数可以自动切换ext-all.js和ext-all-debug.js。

　　9、ext-all.js文件是ExtJS的核心库，是必须要引入的。

　　10、ext-all-debug.js文件是ext-all.js的调试版。

2、ExtJS Hello World

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Hello World</title>
<link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script>
<script type="text/javascript">
Ext.onReady(function () {
Ext.MessageBox.alert("HelloWorld", "Hello World !");
});
　　</script>
</head>
<body>
</body>
</html>


运行效果图：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航