Tag Archives: Ext.define

What’s new in ExtJS 4

Some cool new features I really like in ExtJS 4 I want to share with some examples. For all the new features and to download ExtJS look at http://www.sencha.com/products/extjs/whats-new-in-ext-js-4/

Autoloading

ExtJS now supports autoloading. So you don’t have to include every file in your HTML file. For autoloading to work you should not use the new keyword anymore but instead use the Ext.create which does the same but also supports autoloading.

// Use in ExtJS 4
var about = Ext.create('Ext.window.Window', {});

// Don't use in ExtJS 4 but it will still work
var about = new Ext.window.Window({});

For autoloading to work optimal you should include the Ext.require statement to indicate that you are going to use a class. Autoloading is then done one time.

Ext.require('Ext.window.Window');
var about = Ext.create('Ext.window.Window', {});

Continue reading What’s new in ExtJS 4