J2EE后台UI系统框架搭建-EXTJs使用（4.1 GPL版本）
http://www.jb51.net/article/22493.htm，
********************************************************************************
整理如原文地址：http://www.cnblogs.com/animal/archive/2012/03/27/2420002.html
?
1.從http://www.sencha.com/products/extjs
下載最新的EXTJS框架文件，最像的版本為EXT-4.0.7-GPL，此版本在IE7/IE8下面運行效率不高，在EXT-4.1中會解決。
?
?
最新的extjs只需要復(fù)制以下的目錄：
1，根目錄下：ext-all.js
2，中文包庫文件：d:\我的文檔\Downloads\ext-4.1.0-gpl\extjs-4.1.0\locale\ext-lang-zh_CN.js
3,copy其中的resource目錄：d:\我的文檔\Downloads\ext-4.1.0-gpl\extjs-4.1.0\resources\ext-all.css
?
?
*********************************************************************
目錄介紹：
adapter：負(fù)責(zé)將里面提供第三方底層庫（包括Ext自帶的底層庫）映射為Ext所支持的底層庫。
build： 壓縮后的ext全部源碼(里面分類存放)。
docs： API幫助文檔。
exmaples：提供使用ExtJs技術(shù)做出的小實例。
resources：Ext UI資源文件目錄，如CSS、圖片文件都存放在這里面。
source： 無壓縮Ext全部的源碼(里面分類存放) 遵從Lesser GNU （LGPL） 開源的協(xié)議。
Ext-all.js：壓縮后的Ext全部源碼。
ext-all-debug.js：無壓縮的Ext全部的源碼(用于調(diào)試)。
ext-core.js：壓縮后的Ext的核心組件，包括sources/core下的所有類。
ext-core-debug.js：無壓縮Ext的核心組件，包括sources/core下的所有類。
?
***********************************************************************
1.從http://www.sencha.com/products/extjs
下載最新的EXTJS框架文件，最像的版本為EXT-4.0.7-GPL，此版本在IE7/IE8下面運行效率不高，在EXT-4.1中會解決。
2.解壓縮文件，得到以下目錄
docs目錄中是說明文檔
examples目錄中是EXTJS的例子
locale目錄中是本地化文件
resources目錄中是樣式文件
src目錄中是EXTJS控件文件
3.使用EXTJS4
在頁面頭部，引用EXTJS樣式文件，EXTJS文件，本地化文件
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>學(xué)習(xí)EXTJS4</title>
<!--EXTJS樣式文件-->
<link rel="stylesheet" type="text/css" href="ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css"/>
<!--EXTJS文件-->
<script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/ext-all.js"></script>
<!--EXTJS本地化文件，會將EXTJS中的提示信息等自動轉(zhuǎn)換為簡體中文-->
<script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script>
</head>
注：EXTJS文件的區(qū)別：
ext-all.js：包含所有的EXTJS框架文件，已經(jīng)混淆
ext-all-debug.js：包含所有的EXTJS框架文件，沒有混淆
ext-all-dev.js：包含所有的EXTJS框架文件，沒有混淆，且包含調(diào)試信息
ext.js：僅包含能讓EXTJS運行的最小集合，已經(jīng)混淆
ext-debug.js：僅包含能讓EXTJS運行的最小集合，沒有混淆
ext-dev.js：僅包含能讓EXTJS運行的最小集合，沒有混淆，且包含調(diào)試信息
bootstrap.js：自動加載ext-all.js或者ext-all-debug.js，在以下情況下會加載ext-all-debug.js
1.當(dāng)前主機名是本地
2.當(dāng)前主機是使用IPV4地址
3.Current protocol is a file(不好意思，我不知道怎么翻譯，請會的朋友說一下)
4.其他情況下自動加載ext-all.js
4.具體實例：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>學(xué)習(xí)EXTJS4</title>
<!--EXTJS樣式文件-->
<link rel="stylesheet" type="text/css" href="ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css"/>
<!--EXTJS文件-->
<script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/ext-all.js"></script>
<!--EXTJS本地化文件，會將EXTJS中的提示信息等自動轉(zhuǎn)換為簡體中文-->
<script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
<!--在頁面加載完成后調(diào)用JS代碼-->
Ext.onReady(function(){
<!--彈出提示信息框-->
Ext.Msg.alert('提示信息','學(xué)習(xí)EXTJS')
});
</script>
</head>
<body>
</body>
</html>
本文轉(zhuǎn)自hcy's workbench博客園博客，原文鏈接：http://www.cnblogs.com/alterhu/archive/2012/05/06/2485913.html，如需轉(zhuǎn)載請自行聯(lián)系原作者。
總結(jié)
以上是生活随笔為你收集整理的J2EE后台UI系统框架搭建-EXTJs使用（4.1 GPL版本）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： “红色军团”崛起Gartner x86服
- 下一篇： java信息管理系统总结_java实现科