主要包括data,widget,form,grid,dd,menu,其中最強大的應該算grid了,編程思想是基於面向對象編程(oop),擴展性相當的好.可以自己寫擴展.自己定義命名空間.web應用可能感覺太大.不過您可以根據需要按需加載您想要的類庫就可以了.
主要包括三個大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的類庫,您可以根據需要進行刪減.官方網站提供這壹接口),在引用ext類庫的時候.這三個文件必不可少.
它提供了豐富的,非常漂亮的外觀體驗,成為眾多界面層開發人員的追捧!其核心的組件基本覆蓋了我們構建富客戶端的常用的組件。
從 Ext 2開始,商業版(針對那些以盈利為目的的開發方)要收費了。這可能會影響壹些他的應用前景。
目前的最新版本為4.0Ext動畫功能 介紹壹下Ext預置的11個動畫功能。
1.slideIn/slideOut:
元素的滑進或滑出效果。默認slideIn是從頂部滑進的,而slideOut是從底部滑出的,可通過修改第1個參數設置滑進或滑出位置。其使用方法請看下面代碼。
var el = Ext.get('elId');
el.slideIn(); //從頂部滑進
el.slideOut(); //從底部滑出
el.slideIn('l',{ easing: 'easeOut', duration: .5 }); //從左邊滑進
2.puff:元素慢慢向四周擴大並逐漸消失。當效果完成後,元素將隱藏(visibility屬性為hidden),不過元素原來所占位置將繼續存在。如果需要刪除元素,請設置remove屬性為true。其使用方法請看下面代碼。
var el = Ext.get('elId'); //默認方式
el.puff();
//自定義方式,元素消失後刪除元素
el.puff({ easing: 'easeOut', duration: .5, remove: true, useDisplay: false })
3.switchOff:元素閃爍壹下,然後往中心折疊(類似關掉電視)。當效果完成後,元素將隱藏(visibility屬性為hidden),不過元素原來所占位置將繼續存在。如果需要刪除元素,請設置remove屬性為true。其使用方法請看下面代碼。
var el = Ext.get('elId'); //默認方式
el.switchOff();
//自定義方式,元素消失後刪除元素
el.switchOff({ easing: 'easeOut', duration: .5, remove: true, useDisplay: false });
4.highlight:利用設置的顏色高亮顯示元素,然後逐漸消隱回原有顏色。默認是設置元素背景顏色,可通過設置attr屬性設置高亮顯示方式。如果沒有初始顏色,可以使用endColor屬性設置消隱後的顏色。其使用方法請看下面代碼。
var el = Ext.get('elId'); //默認方式
el.highlight();
//自定義方式
el.highlight('0f0f0f',{ easing: 'easeOut', attr: 'color' duration: .5, endColor: 'dddddd' });
5.frame:從元素邊界開始以水波擴散的方式提示用戶。其使用方法請看下面代碼。
var el = Ext.get('elId'); //默認方式
el.frame();
//自定義方式
el.frame('0f0f0f',{ duration: .5, });
6.pause:在隊列中的動畫開始之前產生壹個停頓。其使用方法請看下面代碼。
el.pause(1); //停頓1秒
7.fadeIn/fadeout:實現漸變效果。fadeIn方法從透明漸變到不透明。fadeOut方法從不透明漸變到透明。通過endOpacity屬性可設置漸變結束後的不透明度。要註意在IE中可能要設置useDisplay屬性為true。其使用方法請看下面代碼。
var el = Ext.get('elId');
el.fadeIn();
el.fadeOut();