For up to date documentation and features, visit http://docs.sencha.com/ext-js/4-0

Sencha Documentation

The root of all classes created with Ext.define All prototype and static members of this class are inherited by any other class

Defined By

Properties

 
Add / override static properties of this class. Ext.define('My.cool.Class', { ... }); My.cool.Class.addStatics(...

Add / override static properties of this class.

Ext.define('My.cool.Class', {
    ...
});

My.cool.Class.addStatics({
    someProperty: 'someValue',      // My.cool.Class.someProperty = 'someValue'
    method1: function() { ... },    // My.cool.Class.method1 = function() { ... };
    method2: function() { ... }     // My.cool.Class.method2 = function() { ... };
});
 
Borrow another class' members to the prototype of this class. Ext.define('Bank', { money: '$$$', printMoney: functi...

Borrow another class' members to the prototype of this class.

Ext.define('Bank', {

money: '$$$',
printMoney: function() {
    alert('$$$$$$$');
}

});

Ext.define('Thief', {

...

});

Thief.borrow(Bank, ['money', 'printMoney']);

var steve = new Thief();

alert(steve.money); // alerts '$$$' steve.printMoney(); // alerts '$$$$$$$'

 
Create a new instance of this Class. Ext.define('My.cool.Class', { ... }); My.cool.Class.create({ someConfig: tr...

Create a new instance of this Class. Ext.define('My.cool.Class', {

...

});

My.cool.Class.create({

someConfig: true

});

 
Create aliases for existing prototype methods. Example: Ext.define('My.cool.Class', { method1: function() { ... ...

Create aliases for existing prototype methods. Example:

Ext.define('My.cool.Class', {
    method1: function() { ... },
    method2: function() { ... }
});

var test = new My.cool.Class();

My.cool.Class.createAlias({
    method3: 'method1',
    method4: 'method2'
});

test.method3(); // test.method1()

My.cool.Class.createAlias('method5', 'method3');

test.method5(); // test.method3() -> test.method1()
 
Add methods / properties to the prototype of this class. Ext.define('My.awesome.Cat', { constructor: function() ...

Add methods / properties to the prototype of this class.

Ext.define('My.awesome.Cat', {
    constructor: function() {
        ...
    }
});

 My.awesome.Cat.implement({
     meow: function() {
        alert('Meowww...');
     }
 });

 var kitty = new My.awesome.Cat;
 kitty.meow();
 
Override prototype members of this class. Overridden methods can be invoked via callOverridden Ext.define('My.Cat', ...

Override prototype members of this class. Overridden methods can be invoked via callOverridden

Ext.define('My.Cat', {
    constructor: function() {
        alert("I'm a cat!");

        return this;
    }
});

My.Cat.override({
    constructor: function() {
        alert("I'm going to be a cat!");

        var instance = this.callOverridden();

        alert("Meeeeoooowwww");

        return instance;
    }
});

var kitty = new My.Cat(); // alerts "I'm going to be a cat!"
                          // alerts "I'm a cat!"
                          // alerts "Meeeeoooowwww"
Defined By

Methods

 
callOverridden( Array/Arguments args) : Mixed
Call the original method that was previously overridden with override Ext.define('My.Cat', { constructor: functi...

Call the original method that was previously overridden with override

Ext.define('My.Cat', {
    constructor: function() {
        alert("I'm a cat!");

        return this;
    }
});

My.Cat.override({
    constructor: function() {
        alert("I'm going to be a cat!");

        var instance = this.callOverridden();

        alert("Meeeeoooowwww");

        return instance;
    }
});

var kitty = new My.Cat(); // alerts "I'm going to be a cat!"
                          // alerts "I'm a cat!"
                          // alerts "Meeeeoooowwww"

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object

Returns

  • Mixed   

    Returns the result after calling the overridden method

 
Get the current class' name in string format. Ext.define('My.cool.Class', { constructor: function() { al...

Get the current class' name in string format.

Ext.define('My.cool.Class', {
    constructor: function() {
        alert(this.self.getName()); // alerts 'My.cool.Class'
    }
});

My.cool.Class.getName(); // 'My.cool.Class'

Returns

  • String   

    className