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