Application Development - eWeek

Application Development: LABS GALLERY: Ext JS 3.0 Sample Apps Show JavaScript Library's Potential


eWEEK Labs' Jeff Cogswell has spent some time testing Ext JS Version 3.0, a JavaScript library for creating sophisticated AJAX-powered Websites. Following are screen captures of some of the sample applications that come with Ext JS.

 
  • Documentation
    Ext JS 3.0 comes with extensive documentation. The documentation viewer is itself implemented with Ext JS, providing an excellent ExtJS example.
  • Desktop Look
    Ext JS lets you create GUIs that look just like many desktop applications, complete with tabs, trees, resizable panes and so on.
  • Declarative Approach
    You can add a toolbar to any window or panel in Ext JS using a declarative approach with objects in JavaScript. The toolbars are very rich, with drop-down, checkable menus; pop-up calendars; and more.
  • DataView Controls
    The latest version of Ext JS supports several DataView type controls, like the one here. What you can't see in this static picture is that the items in the DataView are selectable and can even be dragged around.
  • Grids
    As seen with this grouping grid, grids are as complete as they are for any desktop development system.
  • Portal-Style App
    This is an example of a portal-style application. The boxes on the right can be dragged around and rearranged.
  • Combo Box
    One cool feature is the combo box can use AJAX to fill in the drop-down list on the fly. Rendering is performed using a template that the developer specifies.
  • Desktop-Style App
    You can even create a desktop-style application right inside the Web browser, with icons; draggable, resizable windows; and a Windows-like start menu.
xڽZ[s۸~~d_nw7ŗXbwIHB ,JVeSjy|8oi&4oAuB>K9lHbc.!KvfzC7o``ƛVYQ|v$UK*7-;RLDL1OwҨxLO^>.B࿎F:|=F#mX021q #yF.#An{R7Yh[((6j{A،LQLDruzH&$fvȿ+|>o~QLg\M<4#9 "L7'f*Ή{'_tt6g4Wln(3сױ1,?ۈnS3aܰ)M)vtZ4ܪwP臑WhNdm\)I;-<><:1)+Vʢ M&x9tKS:f:bLÃnF1>PC ';!{0#p\V5Ra5G\攪1O|؈{G{(a(;}eq+)P0nC-U̥zU\Ɋn'p` Ձ ^2R`-*T հq셜Þݙo&)?>d R_E!*aR= ׼>Iqv* .[1aCuTD,O4͌3Ky W&?׀c:sBrZ)ĺQĴdv-[9Ϛ 7s.9n ٝօrI/ ah~I%_zlgŎvjf]ffSO0[h>\ !I$STؖN ik'?aWyQq& XR?Ó,)uN~t@|@>c/1)rd|>s\MbSH;{$+}7icqD8 +9 (< ^0ZV {7VeLt"dY> "6#h9p\+ɻtqO@"f.[㑙CB0e_.Ն^ovﶍ#+𫄐Х$^Xr:= vA͘wsN%!JfI+knsqeQapS#Z7>g67c 3O#$vjڧDw% vӂֽWˆלWestOuO~)\9c.4ga-q a cp+)=jѤ:>*7p}SUA^8/VK@V ncFјfTT>g_Y#xO3+(XP.u1sgֽ]0? V|țjUxמo4g{l qEig`oiXI%k#׉x`+,B!S]OLmSgNVӪ2讞]BU:m-.U3g`GG*ar;LmTkqء9j[Xo2cQ JvV_ܔ&˼C]`I`z#p7PD'RMApuPy#y&յy8$Pc.kEb oDz j*cnW~#Z3H䈘 M؞(.D-bt7")th8ɗn &5 ;όF)xp98R.'2]([yw~ޑZuU )RX^c݆̪f;OY*@Λ5`(3<>яv&NXyB)@ SPpxdMADfTaz8ak`9 &*nZS4,PB qٓu"fˆI^KerDdTOF-V% yD&'.mϹZ4%f5!jC΅knVuoP7`Tcy^d `. )3_Qg dw %+7L>x G?>HA W{1q;b!+lGrČaUjDOaXnI hNjqE,~BA{S(Ж 3:E !hw==]},w<5Daهy:5wht;iG^xGwpґZ-h%fnHb,