強(qiáng)大的EXT最新使用手冊(cè)(中文)

1、強(qiáng)大的EXT最新使用手冊(cè)（中文）EXT中文手冊(cè)刖 S本手冊(cè)所有內(nèi)容均粘貼自互聯(lián)網(wǎng)，如有錯(cuò)誤，請(qǐng)多見諒。目 錄EXT中文手冊(cè)1EXT簡(jiǎn)介4目4下載Ext5開始！5Element： Ext 的核心5獲取多個(gè)DOM的節(jié)點(diǎn)6響應(yīng)事件6使用Widgets 8使用Ajax10 EXT源碼概述12揭示源代碼12發(fā)布Ext源碼時(shí)的一些細(xì) 節(jié)13我應(yīng)該從哪里開 始？14適配器 Adapters 14核心Core 14 Javascript 中的作用域(scope)14事前準(zhǔn) 備14定 義14正式開 始15 window 對(duì) 象15理解作用 域16變量的可見 度16EXT程序規(guī)劃入 門17事前準(zhǔn) 備17需要些什

2、么？17 applayout, html17 applayout, js18公開Public、 私有 Private.特權(quán)的 Privileged? 20重寫公共變量22重寫(Overriding)公共函 數(shù)22 DomQuery 基 礎(chǔ)23DomQuery 基 礎(chǔ)23擴(kuò)展EXT組 件30文件的創(chuàng) 建30 Let'sgo34完成36EXT的布局(Layout)38簡(jiǎn)單的例 子39加入內(nèi)容42開始使用 Grid52步驟一定義數(shù)據(jù)(Data Definition)52步驟二列模型(ColumnModel)53 Grid組件的簡(jiǎn)易分 頁(yè)54Grid 數(shù) 據(jù)54怎么做一個(gè)分頁(yè)的Grid55分頁(yè)

3、欄 Toolbar 55 EXT Menu 組 件56創(chuàng)建簡(jiǎn)易菜 單56各種Item的類 型58 Item 屬 性58在UI中擺放菜 單58 Menu的分配方 式：59練一 練61動(dòng)態(tài)添加菜單按鈕到 Toolbar 61更方便的 是62下一步 是62 模板(Templates)起 步62第一步您的HTML模 板62第二步，將數(shù)據(jù)加入到模板 中63下一 步 63學(xué)習(xí)利用模板 (Templates ) 的格式化功 能63正式開始63 下一步65事件處理65非?；A(chǔ)的例子65處理函數(shù)的作用域65傳遞參數(shù)66類設(shè)計(jì)66對(duì)象創(chuàng)建66使用構(gòu)造器函數(shù)67方法共享67表單組件入門68表單體68創(chuàng)建表單字段68

4、完成表單69 下一步70為一個(gè)表單填充或提交數(shù)據(jù)70讓我們開始吧70讀取我們的數(shù)據(jù)71EXT中的繼承72補(bǔ)充資料73Ext 2 概 述73組件模型ComponentModel75容器模型ContainerModel 79布局Layouts 80Grid83XTemplate 83DataView 84其它新組件84EXT2 簡(jiǎn) 介85下載Ext85開 始！86Element： Ext 的核 心86獲取多個(gè)D0M的節(jié)點(diǎn)87響應(yīng)事件87使用Widgets 89 使用Ajax92TabPanel 基礎(chǔ)95Step 1:創(chuàng)建 HTML 骨架95Step 2: Ext結(jié)構(gòu)的構(gòu)建 96Step 3:創(chuàng)建T

5、ab控制邏輯98EXT簡(jiǎn)介無(wú)論你是Ext庫(kù)的新手，抑或是想了解Ext的人，本篇文章的內(nèi)容都適合你。本文將 簡(jiǎn)單地介紹Ext的幾個(gè)基本概念，和如何快速地做出一個(gè)動(dòng)態(tài)的頁(yè)面并運(yùn)行起來(lái)，假設(shè)讀 者已具備了一些JavaScript經(jīng)驗(yàn)和初級(jí)了解HTML Dom。目。9 9 9 9 9 91下載Ext 2開始！3 Element： Ext的核心4獲取多個(gè)DOM的節(jié)點(diǎn)5響應(yīng)事件6使用Widgetso 6. 1 MessageBox o 6. 2 Grid o 6. 3 還有更多的.9*7使用Ajaxo 7. 1 PHP o 7. 2 ASP. Net o 7. 3 Cold Fusion下載Ext如果你未

6、曾下載過(guò)，那應(yīng)從這里下載最新版本的Ext http:/ext js. com/downloads。針對(duì)你的下載需求，有幾個(gè)不同的彈性選項(xiàng)。通常地，最穩(wěn)定的版本，是較多人的選 擇。下載解包后，那個(gè)example文件夾便是一個(gè)探索Ext的好地方！開始！Download Example File ? IntroToExt. zip 我們將使用 Ext.來(lái)完成一些 JavaScript 任務(wù)。Zip文件包括三個(gè)文件：ExtStart. html, ExtStart. js和ExtStart. css。解包這三個(gè) 文件到Ext的安裝目錄中(例如，Ext是在aC:codeExtvl.Ow中,那應(yīng)該在、里面

7、 新建目錄"tutorial"。雙擊ExtStart. htm,接著你的瀏覽器打開啟動(dòng)頁(yè)面，應(yīng)該會(huì)有一 條消息告訴你配置已完畢。如果是一個(gè)Javascript錯(cuò)誤，請(qǐng)按照頁(yè)面上的指引操作。在你常用的IDE中或文本編輯器中，打開ExtStart. js看看：Ext.onReady可能是你接觸的第一個(gè)方法。這個(gè)方法是指當(dāng)前D0M加我完畢后，保證 頁(yè)面內(nèi)的所有元素能被Script引用(reference)。你可刪除alert ()那行，加入一些實(shí) 際用途的代碼試試：Ext. onReady (function0 ) ; alert ( You have Ext configure

8、d correctly!Element： Ext 的核心大多數(shù)的JavaScript操作都需要先獲取頁(yè)面上的某個(gè)元素(reference),好讓你來(lái) 做些實(shí)質(zhì)性的事情。傳統(tǒng)的JavaScript方法，是通過(guò)ID獲取Dom節(jié)點(diǎn)的：var myDiv = document. getElementByld(' myDiv5);這亳無(wú)問題，不過(guò)這樣單單返回一個(gè)對(duì)象(D0M節(jié) 點(diǎn))，用起來(lái)并不是太實(shí)用和方便。為了要用那節(jié)點(diǎn)干點(diǎn)事情，你還將要手工編寫不少的 代碼；另外，對(duì)于不同類型瀏覽器之間的差異，要你處理起來(lái)可真頭大了。進(jìn)入Ext. element對(duì)象。元素(element)的的確確是Ext的心臟地帶，一無(wú)論是訪 問元素(elements)還是完成一些其他動(dòng)作，都要涉及它° Element的API是整個(gè)Ext庫(kù) 的基礎(chǔ)，如果你時(shí)間不