286
知識總結 ExtJs"入門"
ExtJs"入門"
學習地址：https://extjs.org.cn/node/83
兩段主要代碼：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>zzk</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">
Ext.onReady(function(){
alert('Hello World!');
});
</script>
</head>
<body>
這是UTF-8格式編寫的body部分
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>zzk</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">
Ext.onReady(function(){
Ext.MessageBox.alert('Message','Hello World!');
});
</script>
</head>
<body>
這是UTF-8格式編寫的body部分
</body>
</html>
簡單解釋一下上麵代碼
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
這一個是引入ExtJs的默認樣式
<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="../ext-all.js"></script>
ExtJs所需要的核心腳本全部都在這兩個js文件中。
<script type="text/javascript">
Ext.onReady(function(){
//頁麵初始化代碼
});
</script>
Ext.onReady(function(){
//頁麵初始化代碼
});
</script>
Ext.onReady 是指在整個頁麵加載完後執行
ExtJS發布包目錄:
- adapter：負責將裏麵提供第三方底層庫（包括Ext自帶的底層庫）映射為Ext所支持的底層庫。
- build： 壓縮後的ext全部源碼(裏麵分類存放)。
- docs： API幫助文檔。
- exmaples：提供使用ExtJs技術做出的小實例。
- resources：Ext UI資源文件目錄，如CSS、圖片文件都存放在這裏麵。
- source： 無壓縮Ext全部的源碼(裏麵分類存放) 遵從Lesser GNU （LGPL） 開源的協議。
- Ext-all.js：壓縮後的Ext全部源碼。
- ext-all-debug.js：無壓縮的Ext全部的源碼(用於調試)。
- ext-core.js：壓縮後的Ext的核心組件，包括sources/core下的所有類。
- ext-core-debug.js：無壓縮Ext的核心組件，包括sources/core下的所有類。
最後更新：2017-04-02 22:16:08