ExtJs簡介:
ExtJS是一個用javascript寫的,主要用于創建前端用戶界面,使一個與后臺技術無關的前端ajax框架。因此,
可以把ExtJs用在.Net Java 等各種開發語言開發的應用中。
獲得ExtJS:
ExtJs開源框架可以在官方網站上下載,網址:http//extjs.com/download
解壓出來的文件有:
adapter: 負責將里面提供第三方底層庫(包括Ext自帶的底層庫)映射為Ext所支持的底層庫。
build: 壓縮后的ext全部源碼(里面分類存放)。
docs:extJS API。
exmaples:提供使用ExtJs技術做出的小事例.
resources:Ext UI資源文件目錄,如Css 圖片文件都存放在這里面.
Ext-all-debug.js:無壓縮的Ext全部的源碼(用于調式).
ext-core.js:壓縮后的Ext的核心組件,包括sources/core下的所有類.
ext-core-debug.js:無壓縮Ext的核心組件,包括source/core下的所有類.
編寫ExtJs程序必備包:
ext-all.js |--核心文件,包含了ext的所有功能
adapter/ext/ext-base.js | --基礎包
build/locale/ext-lang-zh_CN.js |中文翻譯
resources |包含css樣式和圖片
第一個HelloWorld程序
//在自己建的工程里導入必須的包
<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','Hello ExtJs');
}
);
</script>