ext_js實用開發(fā)指南_個人整理筆記

《ext_js實用開發(fā)指南_個人整理筆記》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、EXTJS實用開發(fā)指南1、要使用ExtJS框架的頁面中一般包括下面幾句：Ext.BLANK_IMAGE_URL='../../js/ext2/resources/im

2、ages/default/tree/s.gif';在ExtJS庫文件及頁面內(nèi)容加載完后，ExtJS會執(zhí)行Ext.onReady中指定的函數(shù)，因此可以用，一般情況下每一個用戶的ExtJS應(yīng)用都是從Ext.onReady開始的，使用ExtJS應(yīng)用，程序的代碼大致如下：2、A：fn也可以寫成一個匿名函數(shù)的形式，因此上面的代碼可以改成下面的形式：3、ExtJS的類庫由以下幾部分組成：底層API(core)：底層API中提供了對DOM操作、查詢的封裝、事件處理、DOM查詢器等基礎(chǔ)的功能。其它控件都是建立在這些底層api的基

4、礎(chǔ)上，底層api位于源代碼目錄的core子目錄中，包括DomHelper.js、Element.js等文件控件(widgets)：控件是指可以直接在頁面中創(chuàng)建的可視化組件，比如面板、選項板、表格、樹、窗口、菜單、工具欄、按鈕等等，在我們的應(yīng)用程序中可以直接通過應(yīng)用這些控件來實現(xiàn)友好、交互性強(qiáng)的應(yīng)用程序的UI?？丶挥谠创a目錄的widgets子目錄中實用工具Utils：Ext提供了很多的實用工具，可以方便我們實現(xiàn)如數(shù)據(jù)內(nèi)容格式化、JSON數(shù)據(jù)解碼或反解碼、對Date、Array、發(fā)送Ajax請求、Cookie管理、CSS管理等擴(kuò)展等功能4、Ext2.0對框架進(jìn)行了非常大的重構(gòu)，其中

5、最重要的就是形成了一個結(jié)構(gòu)及層次分明的組件體系，由這些組件形成了Ext的控件，Ext組件是由Component類定義，每一種組件都有一個指定的xtype屬性值，通過該值可以得到一個組件的類型或者是定義一個指定類型的組件。組件體系由下圖所示：組件大致可以分成三大類，即基本組件、工具欄組件、表單及元素組件?；窘M件有：xtypeClassboxExt.BoxComponent具有邊框?qū)傩缘慕M件ButtonExt.Button按鈕colorpaletteExt.ColorPalette調(diào)色板componentExt.Component組件containerExt.Container容器c

6、ycleExt.CycleButtondataviewExt.DataView數(shù)據(jù)顯示視圖datepickerExt.DatePicker日期選擇面板editorExt.Editor編輯器editorgridExt.grid.EditorGridPanel可編輯的表格gridExt.grid.GridPanel表格pagingExt.PagingToolbar工具欄中的間隔panelExt.Panel面板progressExt.ProgressBar進(jìn)度條splitbuttonExt.SplitButton可分裂的按鈕tabpanelExt.TabPanel選項面板treepane

7、lExt.tree.TreePanel樹viewportExt.ViewPort視圖windowExt.Window窗口工具欄組件有toolbarExt.Toolbar工具欄tbbuttonExt.Toolbar.Button按鈕tbfillExt.Toolbar.Fill文件tbitemExt.Toolbar.Item工具條項目tbseparatorExt.Toolbar.Separator工具欄分隔符tbspacerExt.Toolbar.Spacer工具欄空白t