The Ext team is proud to announce the immediate availability of Ext v1.1 for download. The 1.1 version includes the new stand-alone version of Ext, a lightweight HTML editor, a new Ext.Ajax utility class, enhancements to DateField and DatePicker, expanded documentation and bug fixes.
Ext Stand-alone
An important step in Ext’s evolution as it’s no longer a requirement that you use a 3rd-party base library when developing an application with Ext. The Ext framework will continue to include adapters for other popular libraries to allow you, the developer, to choose the most appropriate library for your project.
Below are the combined weights minimized (not packed) for each of the base libraries. The ext-base.js has been built to just include what Ext needs to run, so the result file size is much smaller.
Base Library | Requirements | File Size |
---|---|---|
Ext Base | ext-base.js | 36 KB |
Yahoo UI | yahoo.js, dom.js, event.js, connection.js, animation.js, ext-yui-adapter.js | 58 KB |
jQuery | jquery.js, dimensions.js, forms.js, ext-jquery-adapter.js | 62 KB |
Prototype/Scriptaculous | prototype.js, scriptaculous.js, effects.js, ext-prototype-adapter.js | 71 KB |
HTML Editor
We received many requests from the Ext community following the 1.0 release to add a lightweight WYSIWYG html editor to Ext that integrates well with the other Ext components. The HtmlEditor component in 1.1 is extremely lightweight (12 KB) and easy to customize with other features you may need.
You can see it in action here.
DateField enhancements
New flexible user input dates parsing and a new month/year selection implementation. Thanks to everyone in the Ext community who provided us with input and feedback on how it should be done!
You can see it in action here.
Ext.Ajax
A new flexible API for making Ajax requests with Ext. Ext.Ajax provides features such as global headers and parameters, cross library file uploads and most importantly, global Ajax events. These events are very powerful and could be used to queue and combine Ajax requests into a single call, cancel requests, provide data locally, add parameters, etc.
Here’s a very simple piece of sample code that could be used to show a loading spinner while Ajax requests are in progress.
Ext.Ajax.on({
'beforerequest': function(){
Ext.get('spinner').show();
},
'requestcomplete': function(){
Ext.get('spinner').hide();
}
});
Behaviors
Ext.addBehaviors(…) allows for easy attaching of behaviors/DOM event handlers in Ext 1.1. Here’s a snip from the docs:
Ext.addBehaviors({
// add a listener for click on all anchors in element with id foo
'#foo a@click' : function(e, target){
// do something
},
// add the same listener to multiple selectors
'#foo a, #bar span.some-class@mouseover' : function(e, target){
// do something
}
});
Improved API Documentation
Improving the API documentation was a big priority for 1.1 and we would like to thank all the people in the Ext community who helped by contributing or reporting missing documentation. A special thanks goes to Fernando Gomez (efege), Tim Ryan (tryanDLS) and Nige White (Animal).
Make sure you also take a look at the growing Ext: Learn section of extjs.com where many members of the Ext community have been creating tutorials, an FAQ and other learning resources.