True to disable format functions in the template. If the template doesn't contain format functions, setting disableFormats to true will reduce apply time. Defaults to false.

Defaults to: false

Available since: 3.4.0

Defaults to: /\/g

Available since: 4.0.0

Defaults to: /(\r\n|\n)/g

Available since: 4.0.0

Defaults to: /'/g

Available since: 4.0.0

Defaults to: true

Available since: 4.0.0

Defaults to: /\{([\w\-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g

Available since: 1.1.0

Get the reference to the current class from which this object was instantiated. Unlike statics, this.self is scope-dependent and it's meant to be used for dynamic inheritance. See statics for a detailed comparison

Ext.define('My.Cat', {
    statics: {
        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'
    },

    constructor: function() {
        alert(this.self.speciesName); / dependent on 'this'

        return this;
    },

    clone: function() {
        return new this.self();
    }
});


Ext.define('My.SnowLeopard', {
    extend: 'My.Cat',
    statics: {
        speciesName: 'Snow Leopard'         // My.SnowLeopard.speciesName = 'Snow Leopard'
    }
});

var cat = new My.Cat();                     // alerts 'Cat'
var snowLeopard = new My.SnowLeopard();     // alerts 'Snow Leopard'

var clone = snowLeopard.clone();
alert(Ext.getClassName(clone));             // alerts 'My.SnowLeopard'

Available since: 4.0.0

Available since: 4.0.6

Parameters

• members : Object

Returns

• Ext.Base

  this

Applies the supplied values to the template and appends the new node(s) to the specified el.

For example usage see Ext.Template class docs.

Available since: 1.1.0

Parameters

• el : String/HTMLElement/Ext.Element

  The context element

• values : Object/Array

  The template values. See applyTemplate for details.

• returnElement : Boolean (optional)

  true to return an Ext.Element.

Returns

• HTMLElement/Ext.Element

  The new node or Element

Alias for applyTemplate.

Returns an HTML fragment of this template with the specified values applied.

Available since: 1.1.0

Parameters

• values : Object/Array

  The template values. Can be an array if your params are numeric:

  var tpl = new Ext.Template('Name: {0}, Age: {1}');
  tpl.applyTemplate(['John', 25]);
  

  or an object:

  var tpl = new Ext.Template('Name: {name}, Age: {age}');
  tpl.applyTemplate({name: 'John', age: 25});
  

Returns

• String

  The HTML fragment

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"

Available since: 4.0.0

Parameters

• args : Array/Arguments

  The arguments, either an array or the arguments object

Returns

• Object

  Returns the result after calling the overridden method

Call the parent's overridden method. For example:

Ext.define('My.own.A', {
    constructor: function(test) {
        alert(test);
    }
});

Ext.define('My.own.B', {
    extend: 'My.own.A',

    constructor: function(test) {
        alert(test);

        this.callParent([test + 1]);
    }
});

Ext.define('My.own.C', {
    extend: 'My.own.B',

    constructor: function() {
        alert("Going to call parent's overriden constructor...");

        this.callParent(arguments);
    }
});

var a = new My.own.A(1); // alerts '1'
var b = new My.own.B(1); // alerts '1', then alerts '2'
var c = new My.own.C(2); // alerts "Going to call parent's overriden constructor..."
                         // alerts '2', then alerts '3'

Available since: 4.0.0

Parameters

• args : Array/Arguments

  The arguments, either an array or the arguments object from the current method, for example: this.callParent(arguments)

Returns

• Object

  Returns the result from the superclass' method

Available since: 4.0.0

Parameters

• where : Object
• el : Object
• values : Object
• returnEl : Object

Initialize configuration for this class. a typical example:

Ext.define('My.awesome.Class', {
    // The default config
    config: {
        name: 'Awesome',
        isAwesome: true
    },

    constructor: function(config) {
        this.initConfig(config);

        return this;
    }
});

var awesome = new My.awesome.Class({
    name: 'Super Awesome'
});

alert(awesome.getName()); // 'Super Awesome'

Available since: 4.0.0

Parameters

• config : Object

Returns

• Object

  mixins The mixin prototypes as key - value pairs

Applies the supplied values to the template and inserts the new node(s) after el.

Available since: 1.1.0

Parameters

• el : String/HTMLElement/Ext.Element

  The context element

• values : Object/Array

  The template values. See applyTemplate for details.

• returnElement : Boolean (optional)

  true to return a Ext.Element.

Returns

• HTMLElement/Ext.Element

  The new node or Element

Applies the supplied values to the template and inserts the new node(s) before el.

Available since: 1.1.0

Parameters

• el : String/HTMLElement/Ext.Element

  The context element

• values : Object/Array

  The template values. See applyTemplate for details.

• returnElement : Boolean (optional)

  true to return a Ext.Element.

Returns

• HTMLElement/Ext.Element

  The new node or Element

Applies the supplied values to the template and inserts the new node(s) as the first child of el.

Available since: 1.1.0

Parameters

• el : String/HTMLElement/Ext.Element

  The context element

• values : Object/Array

  The template values. See applyTemplate for details.

• returnElement : Boolean (optional)

  true to return a Ext.Element.

Returns

• HTMLElement/Ext.Element

  The new node or Element

Used internally by the mixins pre-processor

Available since: 4.0.6

Parameters

• name : Object
• cls : Object

Applies the supplied values to the template and overwrites the content of el with the new node(s).

Available since: 1.1.0

Parameters

• el : String/HTMLElement/Ext.Element

  The context element

• values : Object/Array

  The template values. See applyTemplate for details.

• returnElement : Boolean (optional)

  true to return a Ext.Element.

Returns

• HTMLElement/Ext.Element

  The new node or Element

Available since: 4.0.6

Parameters

• name : Object
• value : Object

Available since: 4.0.0

Parameters

• name : Object
• fn : Object

Sets the HTML used as the template and optionally compiles it.

Available since: 1.1.0

Parameters

• html : String
• compile : Boolean (optional)

  True to compile the template.

Returns

• Ext.Template

  this

Available since: 4.0.0

Parameters

• config : Object

Returns

• Ext.Base

  this

Get the reference to the class from which this object was instantiated. Note that unlike self, this.statics() is scope-independent and it always returns the class from which it was called, regardless of what this points to during run-time

Ext.define('My.Cat', {
    statics: {
        totalCreated: 0,
        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'
    },

    constructor: function() {
        var statics = this.statics();

        alert(statics.speciesName);     // always equals to 'Cat' no matter what 'this' refers to
                                        // equivalent to: My.Cat.speciesName

        alert(this.self.speciesName);   // dependent on 'this'

        statics.totalCreated++;

        return this;
    },

    clone: function() {
        var cloned = new this.self;                      // dependent on 'this'

        cloned.groupName = this.statics().speciesName;   // equivalent to: My.Cat.speciesName

        return cloned;
    }
});


Ext.define('My.SnowLeopard', {
    extend: 'My.Cat',

    statics: {
        speciesName: 'Snow Leopard'     // My.SnowLeopard.speciesName = 'Snow Leopard'
    },

    constructor: function() {
        this.callParent();
    }
});

var cat = new My.Cat();                 // alerts 'Cat', then alerts 'Cat'

var snowLeopard = new My.SnowLeopard(); // alerts 'Cat', then alerts 'Snow Leopard'

var clone = snowLeopard.clone();
alert(Ext.getClassName(clone));         // alerts 'My.SnowLeopard'
alert(clone.groupName);                 // alerts 'Cat'

alert(My.Cat.totalCreated);             // alerts 3

Available since: 4.0.0

Returns

• Ext.Class

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 '$$$$$$$'

Available since: 4.0.2

Parameters

• fromClass : Ext.Base

  The class to borrow members from

• members : String/String[]

  The names of the members to borrow

Returns

• Ext.Base

  this

Create a new instance of this Class.

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

My.cool.Class.create({
    someConfig: true
});

All parameters are passed to the constructor of the class.

Available since: 4.0.2

Returns

• Object

  the created instance.

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()

Available since: 4.0.2

Parameters

• alias : String/Object

  The new method name, or an object to set multiple aliases. See flexSetter

• origin : String/Object

  The original method name

Creates a template from the passed element's value (display:none textarea, preferred) or innerHTML.

Available since: 1.1.0

Parameters

• el : String/HTMLElement

  A DOM element or its id

• config : Object (optional)

  Config object

Returns

• Ext.Template

  The created template

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'

Available since: 4.0.4

Returns

• String

  className

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();

Available since: 4.0.2

Parameters

• members : Object

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"

Available since: 4.0.2

Parameters

• members : Object

Returns

• Ext.Base

  this