EXTJS4自學手冊——EXT文件目錄,本地加載文檔,命名規范


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>學習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中的提示信息等自動轉換為簡體中文-->
<script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script>

</head>

注:EXTJS文件的區別:

ext-all.js:包含所有的EXTJS框架文件,已經混淆

ext-all-debug.js:包含所有的EXTJS框架文件,沒有混淆

ext-all-dev.js:包含所有的EXTJS框架文件,沒有混淆,且包含調試信息

ext.js:僅包含能讓EXTJS運行的最小集合,已經混淆

ext-debug.js:僅包含能讓EXTJS運行的最小集合,沒有混淆

ext-dev.js:僅包含能讓EXTJS運行的最小集合,沒有混淆,且包含調試信息

bootstrap.js:自動加載ext-all.js或者ext-all-debug.js,在以下情況下會加載ext-all-debug.js

1.當前主機名是本地

2.當前主機是使用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>學習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中的提示信息等自動轉換為簡體中文-->
<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">
<!--在頁面加載完成后調用JS代碼-->
Ext.onReady(
function(){
<!--彈出提示信息框-->
Ext.Msg.alert(
'提示信息','學習EXTJS')
});
</script>
</head>
<body>


</body>
</html>

效果

 

5.智能提示:

在visual studio 2010中,只要在頁面引用了EXTJS文件(bootstrap.js除外),就會出現智能提示,在js文件中,先引用ext.js文件,就會出現智能提示

 

6.命名規范

類名如果有多段構成,第一段的首字母大寫,最后一段的首字母大寫,中間的字母小寫

例子:

 

 

希望大家能喜歡

 



 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM