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

 
 
By Jeff Cogswell  |  Posted 2009-10-20
 
 
 

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

 

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

Documentation

Ext JS 3.0 comes with extensive documentation. The documentation viewer is itself implemented with Ext JS, providing an excellent ExtJS example.

Documentation

Desktop Look

Ext JS lets you create GUIs that look just like many desktop applications, complete with tabs, trees, resizable panes and so on.

Desktop Look

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.

Declarative Approach

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.

DataView Controls

Grids

As seen with this grouping grid, grids are as complete as they are for any desktop development system.

Grids

Portal-Style App

This is an example of a portal-style application. The boxes on the right can be dragged around and rearranged.

Portal-Style App

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.

Combo Box

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.

Desktop-Style App

LABS GALLERY: Ext JS 3.0 Sample Apps Show JavaScript Library's Potential - Page 10

 

LABS GALLERY: Ext JS 3.0 Sample Apps Show JavaScript Library's Potential - Page 10

Rocket Fuel