Blog

Ext 2.0: A Preview

September 06, 2007 | ReyBango

Grouping & Group Summary

Scrolling Tabs

Call me crazy, but I can sit, click and play with these tabs all day.

 
var tabs = new Ext.TabPanel({
renderTo:'tabs',
resizeTabs:true, // turn on tab resizing
minTabWidth: 115,
tabWidth:135,
enableTabScroll:true,
width:600,
height:250,
defaults: {autoScroll:true},
plugins: new Ext.ux.TabCloseMenu()
});

Anchor Layout

 
var form = new Ext.form.FormPanel({
baseCls: 'x-plain',
labelWidth: 55,
url:'save-form.php',
defaultType: 'textfield',
items: [{
fieldLabel: 'Send To',
name: 'to',
anchor:'100%'  // anchor width by percentage
},{
fieldLabel: 'Subject',
name: 'subject',
anchor: '100%'  // anchor width by percentage
},{
xtype: 'textarea',
hideLabel: true,
name: 'msg',
anchor: '100% -53'  // anchor width by percentage and height by raw adjustment
}]
});
 

Column Tree

Web Desktop

A common theme for the Ext framework is building rich web applications that can barely be distinguished from true desktop applications. Everything from the look and feel of a control to smooth transitions in DnD are considered when building out the controls. The Web desktop sample is a culmination of this effort and demonstrates how Ext can be leveraged to build a desktop like experience within the context of a browser.

More 2.0 Samples

2.0 Availability

The 2.0 codebase has stabilized over the past couple weeks and we hope to have an official release in the near future. Ext 2.0 is available to early access subscribers in the Ext SVN under branches/ext2.0.