ext_core手册(正体中文版)

《ext_core手册(正体中文版)》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、ExtCore手冊2009.4.5-5.3ExtCore概述簡介ExtCore是一款具有多項功能的輕型JavaScript庫，基于MIT許可為大家服務。在ExtCore中有許多激賞的功能，在倡導快速Web開發的同時也本着高質量、可伸縮性的代碼的指導思想進行着。Core庫對DOM操作、Ajax、事件、動畫、模板、00機制等的任務都有相應的支持。Core庫基于MIT方式發布，無論是一般的動態頁面和簡單的應用程序都可選擇使用。下載可在本頁面下載，也可以到ExtCore主頁面查找最新的版本來下載。引入ExtCore送到手上的ExtCore有調試的版本和供發布時的產品版本。產品版本已經作

2、壓縮（就是消除空白符、硬回車和注釋）和混淆的處理（所有局部變量重命名為短的名稱，使用YUICompressor）。在開發階段，你應使用的是-debug版本，這樣才會看到未混淆過的錯誤信息。要引入ExtCore的開發版本，這樣引入JavaScript文件就可以了：要引入產品版本（壓縮并且gzipped后25kb），只需要省略掉“-debug”：完事！ExtCore沒有相關的CSS文件。最簡單的例子完成ExtCore的加載之后，拿下面的

3、代碼測試一下是否正確加載了：Ext.onReady(function(){Ext.DomHelper.append(document.body,{tag:'p',cls:'some-class'});Ext.select('p.some-class').update('ExtCoresuccessfullyinjected');});關于本手冊的作者是TommyMaintz、AaronConran、JamesDonaghue、JamieAvins與EvanTrimboli。譯者根據基于GNUFreeDocumentationLicense許可的原版于2009.4.5初次釋放版本

4、來翻譯，分設有簡體中文和繁體中文（正體中文，格式是PDF）兩種版本。維護以上兩種中文的翻譯版本的是Ext中文站（ajaxjs.com），譯者主要是frank。文中許多部分取材于《Ext2.x中文文檔》。鉴于《文檔》是frank與南宮小駿等諸多Ext愛好者之合力，特此說明。元素（Element）獲取元素（GettingElements）一份HTML文檔通常由大量的裝飾元素（markup）所組成。每當瀏覽器加載當前的html文檔，html文檔其中的每一個標簽都被翻譯為HTMLElement以搆建裝飾樹的文件對象模型（DocumentObjectModel，DOM）。你可以在瀏覽器的

5、全局空間中找到一個稱為document的變量，那個document就是DOM樹的對象。document記憶了當頁面加載完畢后而形成的每一份裝飾元素引用。document對象有一個重要的方法getElementById，允許在每個瀏覽中獲取其中的HTMLElement對象。然而，直接操縱DOM來說還有許多要注意的問題。ExtCore實現了Ext.Element類來封裝（Wraparound）各瀏覽器不同HTMLElement的對象。Ext.Element占ExtCore庫的篇幅很大，其中方法就占據了大部份。因此我們將這些方法可分為下面几類：•CSS與樣式（如setStyle、ad

6、dClass）•DOM查詢或遍曆（如query、select、findParent）•DOM操控（如createChild、remove）•方位、尺寸（如getHeight、getWidth）你可以使用Ext.get方法創建Ext.Element的實例，達到封裝普通的HTMLElement之目的。例如你有已一個id名為“myElementId”的元素，便可以這樣獲取：varel=Ext.get('myElementId');用Firebug執行以下代碼后，觀察Ext.Element身上的方法有哪些。有一點要注意的就是，你正在觀察的是普通JavaScript對象，我意思是說無所謂

7、的public與private的方法，它們均有在此列出，若有疑問可參考API文檔。varel=Ext.get('myElementId');console.dir(el);console.dir命令由Firebug提供，執行該可方便地列出某個對象身上有什么成員，這都是例于開發者閱讀的形式顯示的。你換可以通過折疊某個子對象以了解其牽連的屬性。如圖，屬性顯示是黑色的，方法/函數是綠色的，搆造器（constructors）或類（class）就是紅色的。現在我對id為myElementId的段落元素