資源描述:
《ext_js實(shí)用開(kāi)發(fā)指南_個(gè)人整理筆記》由會(huì)員上傳分享,免費(fèi)在線(xiàn)閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、EXTJS實(shí)用開(kāi)發(fā)指南1、要使用ExtJS框架的頁(yè)面中一般包括下面幾句:Ext.BLANK_IMAGE_URL='../../js/ext2/resources/im
2、ages/default/tree/s.gif';在ExtJS庫(kù)文件及頁(yè)面內(nèi)容加載完后,ExtJS會(huì)執(zhí)行Ext.onReady中指定的函數(shù),因此可以用,一般情況下每一個(gè)用戶(hù)的ExtJS應(yīng)用都是從Ext.onReady開(kāi)始的,使用ExtJS應(yīng)用,程序的代碼大致如下:2、A:fn也可以寫(xiě)成一個(gè)匿名函數(shù)的形式,因此上面的代碼可以改成下面的形式:3、ExtJS的類(lèi)庫(kù)由以下幾部分組成:底層API(core):底層API中提供了對(duì)DOM操作、查詢(xún)的封裝、事件處理、DOM查詢(xún)器等基礎(chǔ)的功能。其它控件都是建立在這些底層api的基
4、礎(chǔ)上,底層api位于源代碼目錄的core子目錄中,包括DomHelper.js、Element.js等文件控件(widgets):控件是指可以直接在頁(yè)面中創(chuàng)建的可視化組件,比如面板、選項(xiàng)板、表格、樹(shù)、窗口、菜單、工具欄、按鈕等等,在我們的應(yīng)用程序中可以直接通過(guò)應(yīng)用這些控件來(lái)實(shí)現(xiàn)友好、交互性強(qiáng)的應(yīng)用程序的UI??丶挥谠创a目錄的widgets子目錄中實(shí)用工具Utils:Ext提供了很多的實(shí)用工具,可以方便我們實(shí)現(xiàn)如數(shù)據(jù)內(nèi)容格式化、JSON數(shù)據(jù)解碼或反解碼、對(duì)Date、Array、發(fā)送Ajax請(qǐng)求、Cookie管理、CSS管理等擴(kuò)展等功能4、Ext2.0對(duì)框架進(jìn)行了非常大的重構(gòu),其中
5、最重要的就是形成了一個(gè)結(jié)構(gòu)及層次分明的組件體系,由這些組件形成了Ext的控件,Ext組件是由Component類(lèi)定義,每一種組件都有一個(gè)指定的xtype屬性值,通過(guò)該值可以得到一個(gè)組件的類(lèi)型或者是定義一個(gè)指定類(lèi)型的組件。組件體系由下圖所示:組件大致可以分成三大類(lèi),即基本組件、工具欄組件、表單及元素組件?;窘M件有:xtypeClassboxExt.BoxComponent具有邊框?qū)傩缘慕M件ButtonExt.Button按鈕colorpaletteExt.ColorPalette調(diào)色板componentExt.Component組件containerExt.Container容器c
6、ycleExt.CycleButtondataviewExt.DataView數(shù)據(jù)顯示視圖datepickerExt.DatePicker日期選擇面板e(cuò)ditorExt.Editor編輯器editorgridExt.grid.EditorGridPanel可編輯的表格gridExt.grid.GridPanel表格pagingExt.PagingToolbar工具欄中的間隔panelExt.Panel面板progressExt.ProgressBar進(jìn)度條splitbuttonExt.SplitButton可分裂的按鈕tabpanelExt.TabPanel選項(xiàng)面板treepane
7、lExt.tree.TreePanel樹(shù)viewportExt.ViewPort視圖windowExt.Window窗口工具欄組件有toolbarExt.Toolbar工具欄tbbuttonExt.Toolbar.Button按鈕tbfillExt.Toolbar.Fill文件tbitemExt.Toolbar.Item工具條項(xiàng)目tbseparatorExt.Toolbar.Separator工具欄分隔符tbspacerExt.Toolbar.Spacer工具欄空白t