ExtJS開發(fā)框架簡(jiǎn)介

1、Ext JS開發(fā)框架簡(jiǎn)介開發(fā)框架簡(jiǎn)介 EXT簡(jiǎn)介 EXT常用組件Ext框架框架 布局Ext框架簡(jiǎn)介框架簡(jiǎn)介v什么是什么是ext？ Ext是一個(gè)Ajax框架，可以用來(lái)開發(fā)帶有華麗外觀的富客戶端應(yīng)用。 Ext是一個(gè)用javascript編寫，與后臺(tái)技術(shù)無(wú)關(guān)的前端ajax框架。因此，可以把Ext用在.Net、Java、Php等各種開發(fā)語(yǔ)言開發(fā)的應(yīng)用中。 Ext最新版本是ext6.0Ext框架簡(jiǎn)介框架簡(jiǎn)介vExt提供一系列的對(duì)象類，這些基本上都是用于處理WEB頁(yè)面控件。vExt的發(fā)布包括三個(gè)方面的內(nèi)容：API參考手冊(cè)、示例程序及開發(fā)包。Ext框架簡(jiǎn)介框架簡(jiǎn)介v開發(fā)包Ext框架簡(jiǎn)介框架簡(jiǎn)介v示例程序Ex

2、t示例程序包共包括十六大類近100示例程序 。Ext框架簡(jiǎn)介框架簡(jiǎn)介vAPI docsExt類庫(kù)簡(jiǎn)介類庫(kù)簡(jiǎn)介v底層API(core)：底層API 中提供了對(duì)DOM 操作、查詢的封裝、事件處理、DOM 查詢器等基礎(chǔ)的功能。v其它控件都是建立在這些底層api 的基礎(chǔ)上，底層api 位于源代碼目錄的dom 子目錄中，包括Helper.js、Element.js 等文件。Ext類庫(kù)簡(jiǎn)介類庫(kù)簡(jiǎn)介v控件(widgets)：指可以直接在頁(yè)面中創(chuàng)建的可視化組件。v在我們的應(yīng)用程序中可以直接通過應(yīng)用這些控件來(lái)實(shí)現(xiàn)友好、交互性強(qiáng)的應(yīng)用程序的UI。v控件位于源代碼目錄的子目錄中。Ext類庫(kù)簡(jiǎn)介類庫(kù)簡(jiǎn)介v實(shí)用工具Ut

3、ils：Ext 提供了很多的實(shí)用工具，可以方便我們實(shí)現(xiàn)如數(shù)據(jù)內(nèi)容格式化、JSON數(shù)據(jù)解碼或反解碼、Date格式、Array存儲(chǔ)、發(fā)送Ajax 請(qǐng)求、Cookie 管理、CSS 管理等擴(kuò)展等功能Accordion布局布局v Ext中布局的方式- Ext.layout.Accordion 由類Ext.layout.Accordion定義，名稱為accordion，表示可折疊的布局，也就是說使用該布局的容器組件中的子元素是可折疊的形式在布局中配置不同的參數(shù)，會(huì)展示出不同的效果。如：animate為true，表示在執(zhí)行展開折疊時(shí)是否應(yīng)用動(dòng)畫效果。activeOnTop為true,表示在點(diǎn)擊每一個(gè)子元素

4、的頭部名稱或右邊的按鈕，則會(huì)展開該面板，收縮其它已經(jīng)展開的面板，并將點(diǎn)擊的那個(gè)面板置于頂部顯示。具體的各個(gè)控件的動(dòng)作和效果大家可以參考APIBorderLayout布局布局v Ext中布局的方式- Ext.layout.BorderLayout 由類Ext.layout.BorderLayout定義，布局名稱為border。該布局把容器分成東南西北中五個(gè)區(qū)域，分別由east，south, west，north, center來(lái)表示，在往容器中添加子元素的時(shí)候，我們只需要指定這些子元素所在的位置，Border布局會(huì)自動(dòng)把子元素放到布局指定的位置CardLayout布局布局v Ext中布局的方式-

5、Ext.layout.CardLayout (選項(xiàng)卡選項(xiàng)卡) 由Ext.layout.CardLayout類定義，名稱為card，該布局將會(huì)在容器組件中某一時(shí)刻只顯示一個(gè)子元素。可以滿足安裝向?qū)?、Tab選項(xiàng)板等應(yīng)用中面板顯示的需求。ColumnLayout布局布局vExt中布局的方式- Ext.layout.ColumnLayout 由Ext.layout.ColumnLayout類定義，名稱為column。列布局把整個(gè)容器組件看成一列，然后往里面放入子元素的時(shí)候，可以通過在子元素中指定使用FormLayout布局布局vExt中布局的方式-Ext.layout.FormLayout 布局方式由

6、類Ext.layout.FormLayout提供，定義的名稱為form。一般情況只用于formPanel的布局，把formPanel中的各子元素按每行一列的方式進(jìn)行布局顯示。FitLayout布局布局vExt中布局的方式-Ext.layout.FitLayout 由Ext.layout. FitLayout類定義，名稱為fit。填充布局方式是把容器中的子元素覆蓋容器的整個(gè)區(qū)域TableLayout布局布局Ext中布局的方式-Ext.layout.TableLayout這種布局方式由類Ext.layout. TableLayout提供，定義的名稱為table。一般情況不采用這種布局方式，因?yàn)槠洳荒茏赃m合屏幕或其父容器的寬度和高度。Anchor布局布局vanchor布局將使組件固定于父容器的某一個(gè)位置，使用anchor布局的子組件尺寸相對(duì)于容器的尺寸，即父容器容器的大小發(fā)生變化時(shí)，使用anchor布局的組件會(huì)根據(jù)規(guī)定的規(guī)則重新渲染位置和大小。vAnchorLayout布局沒有任何的直接配置選項(xiàng)（繼承的除外），然而在使用AnchorLayout布局時(shí)，其子組件都有一個(gè)anchor屬性，用來(lái)配置此子組件在父容器中所處的位置。Ext常用組件常用組件vTabsvGridsvTreesvFormsvToolbar and Menus