ext js開發(fā)框架入門

《ext js開發(fā)框架入門》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、ExtJS開發(fā)框架入門框架簡(jiǎn)介、環(huán)境搭建、helloWord示例EXT核心組件應(yīng)用Ext框架EXT框架基礎(chǔ)Ext框架簡(jiǎn)介怎樣搭建EXT運(yùn)行環(huán)境及開發(fā)環(huán)境helloWord示例程序框架簡(jiǎn)介、環(huán)境搭建及HelloWordExt框架簡(jiǎn)介什么是ext？Ext是一個(gè)Ajax框架，可以用來(lái)開發(fā)帶有華麗外觀的富客戶端應(yīng)用，使得我們的b/s應(yīng)用更加具有活力及生命力，提高用戶體驗(yàn)。Ext是一個(gè)用javascript編寫，與后臺(tái)技術(shù)無(wú)關(guān)的前端ajax框架。因此，可以把Ext用在.Net、Java、Php等各種開發(fā)語(yǔ)言開發(fā)的應(yīng)用中。Ext最新版本是ex

2、t3.2Ext框架簡(jiǎn)介Ext提供一系列的對(duì)象類，這些基本上都是用于處理WEB頁(yè)面控件的。Ext的發(fā)布包括三個(gè)方面的內(nèi)容：API參考手冊(cè)、示例程序及開發(fā)包。Ext框架簡(jiǎn)介EXTAPI參考手冊(cè)Ext框架簡(jiǎn)介示例程序Ext示例程序包共包括十二大類近100示例程序。Ext框架簡(jiǎn)介開發(fā)包adapter：負(fù)責(zé)將里面提供第三方底層庫(kù)（包括Ext自帶的底層庫(kù)）映射為Ext所支持的底層庫(kù)。build：壓縮后的ext全部源碼(里面分類存放)。docs：API幫助文檔。exmaples：提供使用ExtJs技術(shù)做出的小實(shí)例。resources：ExtUI

3、資源文件目錄，如CSS、圖片文件都存放在這里面。source：無(wú)壓縮Ext全部的源碼(里面分類存放)遵從LesserGNU（LGPL）開源的協(xié)議。ext-all.js：壓縮后的Ext全部源碼。ext-all-debug.js：無(wú)壓縮的Ext全部的源碼(用于調(diào)試)。ext-core.js：壓縮后的Ext的核心組件，包括sources/core下的所有類。ext-core-debug.js：無(wú)壓縮Ext的核心組件，包括sources/core下的所有類。Ext框架簡(jiǎn)介怎樣搭建EXT運(yùn)行環(huán)境及開發(fā)環(huán)境開發(fā)環(huán)境把Ext的開發(fā)包直接復(fù)制到W

4、EB工程的目錄下helloWord示例程序新建HTML文件并在頁(yè)面中引入ExtJS的樣式及ExtJS庫(kù)文件樣式文件為resources/css/ext-all.css庫(kù)文件主要包含兩個(gè)：adapter/ext/ext-base.js及ext-all.js其中ext-base.js是框架基礎(chǔ)庫(kù)，ext-all.js是extjs的核心庫(kù)。

5、text/javascript"src="extjs/adapter/ext/ext-base.js">helloWord示例程序helloWord在HTML直接嵌入代碼實(shí)現(xiàn)Ext.onReady(function(){Ext.Msg.alert('helloWord','HelloWord!

6、');});helloWord示例程序Ext類庫(kù)簡(jiǎn)介Ext框架基礎(chǔ)及核心簡(jiǎn)介Ext組件簡(jiǎn)介Ext入門基礎(chǔ)Ext類庫(kù)簡(jiǎn)介ExtJS由一系列的類庫(kù)組成，一旦頁(yè)面成功加載了ExtJS庫(kù)后，我們就可以在頁(yè)面中調(diào)用ExtJS的類及控件來(lái)實(shí)現(xiàn)需要的功能。ExtJS的類庫(kù)由以下幾部分組成：底層API(core)控件(widgets)實(shí)用工具(Utils)Ext類庫(kù)簡(jiǎn)介底層API(core)：底層API中提供了對(duì)DOM操作、查詢的封裝、事件處理、DOM查詢器等基礎(chǔ)的功能。其它控件都是建立在這些底層api的基礎(chǔ)上，底層api位于源

7、代碼目錄的core子目錄中，包括DomHelper.js、Element.js等文件。Ext類庫(kù)簡(jiǎn)介控件(widgets)：控件是指可以直接在頁(yè)面中創(chuàng)建的可視化組件，比如面板、選項(xiàng)板、表格、樹、窗口、菜單、工具欄、按鈕等等，在我們的應(yīng)用程序中可以直接通過應(yīng)用這些控件來(lái)實(shí)現(xiàn)友好、交互性強(qiáng)的應(yīng)用程序的UI?？丶挥谠创a目錄的widgets子目錄中。Ext類庫(kù)簡(jiǎn)介實(shí)用工具Utils：Ext提供了很多的實(shí)用工具，可以方便我們實(shí)現(xiàn)如數(shù)據(jù)內(nèi)容格式化、JSON數(shù)據(jù)解碼或反解碼、對(duì)Date、Array、發(fā)送Ajax請(qǐng)求、Cookie管理、CSS

8、管理等擴(kuò)展等功能Ext入門基礎(chǔ)尺寸&大小,定位get,getDOM,getCmp的區(qū)別DOM的增刪改查動(dòng)畫類編程事件AJAXExt入門基礎(chǔ)要學(xué)習(xí)及應(yīng)用好Ext框架，必須需要理解HtmlDOM、ExtElement及Component三者之間的區(qū)別。