Ext JS 4.1.3 Sencha Docs

Ext.layout.component.field.Field

Hierarchy

Subclasses

Uses

Files

NOTE: This is a private utility class for internal use by the framework. Don't rely on its existence.

Layout class for components with field labeling, handling the sizing and alignment of the form control, label, and error message treatment.

Available since: 4.0.0

Defined By

Config options

When publishing height of an auto Component, it is usually not written to the DOM. ...

When publishing height of an auto Component, it is usually not written to the DOM. Setting this to true overrides this behaviour.

Defaults to: false

Available since: 4.1.0

When publishing width of an auto Component, it is usually not written to the DOM. ...

When publishing width of an auto Component, it is usually not written to the DOM. Setting this to true overrides this behaviour.

Defaults to: false

Available since: 4.1.0

Properties

Defined By

Instance properties

...

Defaults to: 'Ext.Base'

Available since: 4.1.1

...

Defaults to: {setsWidth: 0, setsHeight: 0}

Available since: 4.1.0

...

Defaults to: {}

Available since: 4.1.1

Used only during a layout run, this value indicates that a layout has finished its calculations. ...

Used only during a layout run, this value indicates that a layout has finished its calculations. This flag is set to true prior to the call to calculate and should be set to false if this layout has more work to do.

Available since: 4.1.0

Ext.layout.component.field.Field
view source
: Object

Error message displayed as content of an element with a given id elsewhere in the app

Error message displayed as content of an element with a given id elsewhere in the app

Available since: 4.0.0

Ext.layout.component.field.Field
view source
: Object
Collection of named strategies for laying out and adjusting insets to accommodate error messages. ...

Collection of named strategies for laying out and adjusting insets to accommodate error messages. An appropriate one will be chosen based on the owner field's Ext.form.Labelable.msgTarget config.

Available since: 4.0.0

...

Defaults to: []

Available since: 4.1.1

...

Defaults to: {}

Available since: 4.1.1

...

Defaults to: false

Available since: 4.0.0

...

Defaults to: true

Available since: 4.1.0

...

Defaults to: true

Available since: 4.1.1

true in this class to identify an object as an instantiated Layout, or subclass thereof. ...

true in this class to identify an object as an instantiated Layout, or subclass thereof.

Defaults to: true

Available since: 4.0.0

Ext.layout.component.field.Field
view source
: Object
Collection of named strategies for laying out and adjusting labels to accommodate error messages. ...

Collection of named strategies for laying out and adjusting labels to accommodate error messages. An appropriate one will be chosen based on the owner field's Ext.form.Labelable.labelAlign config.

Available since: 4.0.0

Ext.layout.component.field.Field
view source
: Object

Label displayed to the left of the bodyEl

Label displayed to the left of the bodyEl

Available since: 4.0.0

Ext.layout.component.field.Field
view source
: Stringprivate
...

Defaults to: 'size'

Available since: 4.1.1

...

Defaults to: {}

Available since: 4.1.0

Ext.layout.component.field.Field
view source
: Object

Error displayed as QuickTip on hover of the field container

Error displayed as QuickTip on hover of the field container

Available since: 4.0.0

Ext.layout.component.field.Field
view source
: Object

Same as left, only difference is text-align in CSS

Same as left, only difference is text-align in CSS

Available since: 4.0.0

...

Defaults to: false

Available since: 4.1.0

Get the reference to the current class from which this object was instantiated. ...

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'
    },

    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

Ext.layout.component.field.Field
view source
: Object

Error displayed as icon (with QuickTip on hover) to right of the bodyEl

Error displayed as icon (with QuickTip on hover) to right of the bodyEl

Available since: 4.0.0

Ext.layout.component.field.Field
view source
: Object

Error displayed as title tip on hover of the field container

Error displayed as title tip on hover of the field container

Available since: 4.0.0

Ext.layout.component.field.Field
view source
: Object

Label displayed above the bodyEl

Label displayed above the bodyEl

Available since: 4.0.0

Ext.layout.component.field.Field
view source
: Stringprivate
End Definitions ...

End Definitions

Defaults to: 'field'

Available since: 4.0.0

Overrides: Ext.layout.component.Auto.type

Ext.layout.component.field.Field
view source
: Object

Error message displayed underneath the bodyEl

Error message displayed underneath the bodyEl

Available since: 4.0.0

...

Defaults to: true

Available since: 4.1.0

...

Defaults to: true

Available since: 4.1.0

...

Defaults to: true

Available since: 4.1.0

...

Defaults to: true

Available since: 4.1.0

...

Defaults to: false

Available since: 4.1.0

...

Defaults to: false

Available since: 4.1.0

Defined By

Static properties

...

Defaults to: []

Available since: 4.1.1

Methods

Defined By

Instance methods

...

Available since: 4.0.0

Parameters

Returns

Removes layout's itemCls and owning Container's itemCls. ...

Removes layout's itemCls and owning Container's itemCls. Clears the managed dimensions flags

Available since: 4.0.0

Parameters

Placeholder empty functions for subclasses to extend ...

Placeholder empty functions for subclasses to extend

Available since: 4.1.0

Ext.layout.component.field.Field
view source
( ownerContext )
Called before any calculation cycles to prepare for layout. ...

Called before any calculation cycles to prepare for layout.

This is a write phase and DOM reads should be strictly avoided when overridding this method.

Available since: 4.1.0

Parameters

Fires

    Overrides: Ext.layout.Layout.beginLayout, Ext.layout.component.field.Field.beginLayout

    Called before any calculation cycles to reset DOM values and prepare for calculation. ...

    Called before any calculation cycles to reset DOM values and prepare for calculation.

    This is a write phase and DOM reads should be strictly avoided when overridding this method.

    Available since: 4.1.0

    Parameters

    Fires

      Overrides: Ext.layout.component.Component.beginLayoutCycle, Ext.layout.component.Auto.beginLayoutCycle

      Ext.layout.component.field.Field
      view source
      ( ownerContext, width, suffix )private
      ...

      Available since: 4.1.0

      Parameters

      Ext.layout.component.field.Field
      view source
      ( ownerContext )private
      ...

      Available since: 4.1.0

      Parameters

      ...

      Available since: 4.1.0

      Parameters

      Called to perform the calculations for this layout. ...

      Called to perform the calculations for this layout. This method will be called at least once and may be called repeatedly if the done property is cleared before return to indicate that this layout is not yet done. The done property is always set to true before entering this method.

      This is a read phase and DOM writes should be strictly avoided in derived classes. Instead, DOM writes need to be written to Ext.layout.ContextItem objects to be flushed at the next opportunity.

      Available since: 4.1.0

      Parameters

      Fires

        Overrides: Ext.layout.Layout.calculate, Ext.layout.component.Auto.calculate

        Ext.layout.component.field.Field
        view source
        ( ownerContext, contentHeight )private
        ...

        Available since: 4.1.0

        Parameters

        Overrides: Ext.layout.component.Auto.calculateOwnerHeightFromContentHeight

        ...

        Available since: 4.1.0

        Parameters

        ( args ) : Objectdeprecatedprotected
        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!");
            }
        });
        
        My.Cat.override({
            constructor: function() {
                alert("I'm going to be a cat!");
        
                this.callOverridden();
        
                alert("Meeeeoooowwww");
            }
        });
        
        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

        This method has been deprecated

        as of 4.1. Use callParent instead.

        Parameters

        • args : Array/Arguments

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

        Returns

        • Object

          Returns the result of calling the overridden method

        Call the "parent" method of the current method. ...

        Call the "parent" method of the current method. That is the method previously overridden by derivation or by an override (see Ext.define).

         Ext.define('My.Base', {
             constructor: function (x) {
                 this.x = x;
             },
        
             statics: {
                 method: function (x) {
                     return x;
                 }
             }
         });
        
         Ext.define('My.Derived', {
             extend: 'My.Base',
        
             constructor: function () {
                 this.callParent([21]);
             }
         });
        
         var obj = new My.Derived();
        
         alert(obj.x);  // alerts 21
        

        This can be used with an override as follows:

         Ext.define('My.DerivedOverride', {
             override: 'My.Derived',
        
             constructor: function (x) {
                 this.callParent([x*2]); // calls original My.Derived constructor
             }
         });
        
         var obj = new My.Derived();
        
         alert(obj.x);  // now alerts 42
        

        This also works with static methods.

         Ext.define('My.Derived2', {
             extend: 'My.Base',
        
             statics: {
                 method: function (x) {
                     return this.callParent([x*2]); // calls My.Base.method
                 }
             }
         });
        
         alert(My.Base.method(10);     // alerts 10
         alert(My.Derived2.method(10); // alerts 20
        

        Lastly, it also works with overridden static methods.

         Ext.define('My.Derived2Override', {
             override: 'My.Derived2',
        
             statics: {
                 method: function (x) {
                     return this.callParent([x*2]); // calls My.Derived2.method
                 }
             }
         });
        
         alert(My.Derived2.method(10); // now alerts 40
        

        To override a method and replace it and also call the superclass method, use callSuper. This is often done to patch a method to fix a bug.

        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 of calling the parent method

        ( args ) : Objectprotected
        This method is used by an override to call the superclass method but bypass any overridden method. ...

        This method is used by an override to call the superclass method but bypass any overridden method. This is often done to "patch" a method that contains a bug but for whatever reason cannot be fixed directly.

        Consider:

         Ext.define('Ext.some.Class', {
             method: function () {
                 console.log('Good');
             }
         });
        
         Ext.define('Ext.some.DerivedClass', {
             method: function () {
                 console.log('Bad');
        
                 // ... logic but with a bug ...
        
                 this.callParent();
             }
         });
        

        To patch the bug in DerivedClass.method, the typical solution is to create an override:

         Ext.define('App.paches.DerivedClass', {
             override: 'Ext.some.DerivedClass',
        
             method: function () {
                 console.log('Fixed');
        
                 // ... logic but with bug fixed ...
        
                 this.callSuper();
             }
         });
        

        The patch method cannot use callParent to call the superclass method since that would call the overridden method containing the bug. In other words, the above patch would only produce "Fixed" then "Good" in the console log, whereas, using callParent would produce "Fixed" then "Bad" then "Good".

        Available since: Ext JS 4.1.3

        Parameters

        • args : Array/Arguments

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

        Returns

        • Object

          Returns the result of calling the superclass method

        This method (if implemented) is called at the end of the cycle in which this layout completes (by not setting done to...

        This method (if implemented) is called at the end of the cycle in which this layout completes (by not setting done to false in calculate). It is possible for the layout to complete and yet become invalid before the end of the cycle, in which case, this method will not be called. It is also possible for this method to be called and then later the layout becomes invalidated. This will result in calculate being called again, followed by another call to this method.

        This is a read phase and DOM writes should be strictly avoided in derived classes. Instead, DOM writes need to be written to Ext.layout.ContextItem objects to be flushed at the next opportunity.

        This method need not be implemented by derived classes and, in fact, should only be implemented when needed.

        Available since: 4.1.0

        Parameters

        ...

        Available since: 4.1.1

        Called before an item is rendered to allow the layout to configure the item. ...

        Called before an item is rendered to allow the layout to configure the item.

        Available since: 4.0.0

        Parameters

        Destroys this layout. ...

        Destroys this layout. This method removes a targetCls from the target element and calls onDestroy.

        A derived class can override either this method or onDestroy but in all cases must call the base class versions of these methods to allow the base class to perform its cleanup.

        This method (or onDestroy) are overridden by subclasses most often to purge event handlers or remove unmanged DOM nodes.

        Available since: 4.0.0

        Fires

          Overrides: Ext.Base.destroy

          This method (if implemented) is called after all layouts have completed. ...

          This method (if implemented) is called after all layouts have completed. In most ways this is similar to completeLayout. This call can cause this (or any layout) to be become invalid (see Ext.layout.Context.invalidate), but this is best avoided. This method is intended to be where final reads are made and so it is best to avoid invalidating layouts at this point whenever possible. Even so, this method can be used to perform final checks that may require all other layouts to be complete and then invalidate some results.

          This is a read phase and DOM writes should be strictly avoided in derived classes. Instead, DOM writes need to be written to Ext.layout.ContextItem objects to be flushed at the next opportunity.

          This method need not be implemented by derived classes and, in fact, should only be implemented when needed.

          Available since: 4.1.0

          Parameters

          ...

          Available since: 4.1.0

          ...

          Available since: 4.1.0

          Parameters

          Fires

            Ext.layout.component.field.Field
            view source
            ( ownerContext )
            This method is called after all layouts are complete and their calculations flushed to the DOM. ...

            This method is called after all layouts are complete and their calculations flushed to the DOM. No further layouts will be run and this method is only called once per layout run. The base component layout caches lastComponentSize.

            This is a write phase and DOM reads should be avoided if possible when overridding this method.

            This method need not be implemented by derived classes and, in fact, should only be implemented when needed.

            Available since: 4.1.0

            Parameters

            Fires

              Overrides: Ext.layout.component.Component.finishedLayout

              ...

              Available since: 4.1.0

              ...

              Available since: 4.1.0

              Parameters

              Ext.layout.component.field.Field
              view source
              ( )
              Return the set of strategy functions from the errorStrategies collection that is appropriate for the field's msgTarge...

              Return the set of strategy functions from the errorStrategies collection that is appropriate for the field's msgTarget config.

              Available since: 4.0.0

              Returns the initial configuration passed to constructor when instantiating this class. ...

              Returns the initial configuration passed to constructor when instantiating this class.

              Available since: 4.1.0

              Parameters

              • name : String (optional)

                Name of the config option to return.

              Returns

              • Object/Mixed

                The full config object or a single config value when name parameter specified.

              Returns an object describing how this layout manages the size of the given component. ...

              Returns an object describing how this layout manages the size of the given component. This method must be implemented by any layout that manages components.

              Available since: 4.1.0

              Parameters

              Returns

              • Object

                An object describing the sizing done by the layout for this item or null if the layout mimics the size policy of its ownerCt (e.g., 'fit' and 'card').

                • readsWidth : Boolean

                  True if the natural/auto width of this component is used by the ownerLayout.

                • readsHeight : Boolean

                  True if the natural/auto height of this component is used by the ownerLayout.

                • setsWidth : Boolean

                  True if the ownerLayout set this component's width.

                • setsHeight : Boolean

                  True if the ownerLayout set this component's height.

              ...

              Available since: 4.1.0

              Parameters

              Fires

                Ext.layout.component.field.Field
                view source
                ( )
                Return the set of strategy functions from the labelStrategies collection that is appropriate for the field's labelAli...

                Return the set of strategy functions from the labelStrategies collection that is appropriate for the field's labelAlign config.

                Available since: 4.0.0

                Returns the set of items to layout (empty by default). ...

                Returns the set of items to layout (empty by default).

                Available since: 4.0.0

                ...

                Available since: 4.1.2

                Parameters

                Returns the element into which rendering must take place. ...

                Returns the element into which rendering must take place. Defaults to the owner Component's encapsulating element.

                May be overridden in Component layout managers which implement an inner element.

                Available since: 4.0.0

                Returns

                Returns the owner component's resize element. ...

                Returns the owner component's resize element.

                Available since: 4.0.0

                Returns

                ...

                Available since: 4.1.0

                Parameters

                ( config ) : Ext.Basechainableprotected
                Initialize configuration for this class. ...

                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);
                    }
                });
                
                var awesome = new My.awesome.Class({
                    name: 'Super Awesome'
                });
                
                alert(awesome.getName()); // 'Super Awesome'
                

                Available since: 4.0.0

                Parameters

                Returns

                A one-time initialization method called just before rendering. ...

                A one-time initialization method called just before rendering.

                Available since: 4.0.0

                ...

                Available since: 4.1.0

                Parameters

                ...

                Available since: 4.1.0

                Parameters

                ...

                Available since: 4.1.0

                Parameters

                ...

                Available since: 4.1.0

                ( item, target, position )protected
                Validates item is in the proper place in the dom. ...

                Validates item is in the proper place in the dom.

                Available since: 4.0.0

                Parameters

                Fires

                  ...

                  Available since: 4.1.0

                  Parameters

                  Fires

                    Ext.layout.component.field.Field
                    view source
                    ( ownerContext )private
                    ...

                    Available since: 4.1.0

                    Parameters

                    Overrides: Ext.layout.component.Component.measureContentHeight

                    Ext.layout.component.field.Field
                    view source
                    ( ownerContext )private
                    ...

                    Available since: 4.1.0

                    Parameters

                    Overrides: Ext.layout.component.Component.measureContentWidth

                    Ext.layout.component.field.Field
                    view source
                    ( ownerContext )private
                    ...

                    Available since: 4.1.0

                    Parameters

                    ...

                    Available since: 4.1.0

                    Parameters

                    ...

                    Available since: 4.1.0

                    Parameters

                    ( item, target, position )private
                    Moves Component to the provided target instead. ...

                    Moves Component to the provided target instead.

                    Available since: 4.0.0

                    Parameters

                    Fires

                      This method (if implemented) is called after all layouts are finished, and all have a lastComponentSize cached. ...

                      This method (if implemented) is called after all layouts are finished, and all have a lastComponentSize cached. No further layouts will be run and this method is only called once per layout run. It is the bookend to beginLayout.

                      This is a write phase and DOM reads should be avoided if possible when overridding this method. This is the catch-all tail method to a layout and so the rules are more relaxed. Even so, for performance reasons, it is best to avoid reading the DOM. If a read is necessary, consider implementing a finalizeLayout method to do the required reads.

                      This method need not be implemented by derived classes and, in fact, should only be implemented when needed.

                      Available since: 4.1.0

                      Parameters

                      Overrides: Ext.layout.Layout.notifyOwner

                      ...

                      Available since: 4.1.0

                      ( names, callback, scope )private
                      ...

                      Available since: 4.1.0

                      Parameters

                      This method is called when a child item changes in some way. ...

                      This method is called when a child item changes in some way. By default this calls Ext.AbstractComponent.updateLayout on this layout's owner.

                      Available since: 4.1.0

                      Parameters

                      Returns

                      • Boolean

                        True if this layout has handled the content change.

                      ...

                      Available since: 4.0.0

                      Ext.layout.component.field.Field
                      view source
                      ( )private
                      ...

                      Available since: 4.0.7

                      Fires

                        ...

                        Available since: 4.0.0

                        ( ownerContext, contentHeight )private
                        ...

                        Available since: 4.1.0

                        Parameters

                        Fires

                          ( ownerContext, contentWidth )private
                          ...

                          Available since: 4.1.0

                          Parameters

                          Fires

                            ...

                            Available since: 4.0.3

                            Fires

                              ( item, target, position )private
                              Renders the given Component into the target Element. ...

                              Renders the given Component into the target Element.

                              Available since: 4.0.0

                              Parameters

                              Fires

                                ( items, target )protected
                                Iterates over all passed items, ensuring they are rendered. ...

                                Iterates over all passed items, ensuring they are rendered. If the items are already rendered, also determines if the items are in the proper place in the dom.

                                Available since: 4.0.0

                                Parameters

                                Fires

                                  ( config, applyIfNotSet ) : Ext.Basechainableprivate
                                  ...

                                  Available since: 4.0.0

                                  Parameters

                                  Returns

                                  Sets the layout owner ...

                                  Sets the layout owner

                                  Available since: 4.0.0

                                  Parameters

                                  ...

                                  Available since: 4.1.0

                                  Parameters

                                  Get the reference to the class from which this object was instantiated. ...

                                  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++;
                                      },
                                  
                                      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

                                  ...

                                  Available since: 4.1.0

                                  Defined By

                                  Static methods

                                  ( config )privatestatic
                                  ...

                                  Available since: 4.1.1

                                  Parameters

                                  ( members )chainableprivatestatic
                                  ...

                                  Available since: 4.1.1

                                  Parameters

                                  ( name, member )chainableprivatestatic
                                  ...

                                  Available since: 4.1.1

                                  Parameters

                                  ( members )chainablestatic
                                  Add methods / properties to the prototype of this class. ...

                                  Add methods / properties to the prototype of this class.

                                  Ext.define('My.awesome.Cat', {
                                      constructor: function() {
                                          ...
                                      }
                                  });
                                  
                                   My.awesome.Cat.addMembers({
                                       meow: function() {
                                          alert('Meowww...');
                                       }
                                   });
                                  
                                   var kitty = new My.awesome.Cat;
                                   kitty.meow();
                                  

                                  Available since: 4.1.0

                                  Parameters

                                  ( members ) : Ext.Basechainablestatic
                                  Add / override static properties of this class. ...

                                  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() { ... };
                                  });
                                  

                                  Available since: 4.0.2

                                  Parameters

                                  Returns

                                  ( xtype )chainableprivatestatic
                                  ...

                                  Available since: 4.1.1

                                  Parameters

                                  ( fromClass, members ) : Ext.Basechainableprivatestatic
                                  Borrow another class' members to the prototype of this 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 : Array/String

                                    The names of the members to borrow

                                  Returns

                                  ( alias, origin )static
                                  Create aliases for existing prototype methods. ...

                                  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

                                  Ext.layout.component.field.Field
                                  view source
                                  ( )static
                                  Destroy the error tip instance. ...

                                  Destroy the error tip instance.

                                  Available since: 4.0.0

                                  ( config )privatestatic
                                  ...

                                  Available since: 4.1.1

                                  Parameters

                                  Get the current class' name in string format. ...

                                  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

                                  ( )deprecatedstatic
                                  Adds members to class. ...

                                  Adds members to class.

                                  Available since: 4.0.2

                                  This method has been deprecated since 4.1

                                  Use addMembers instead.

                                  Ext.layout.component.field.Field
                                  view source
                                  ( )static
                                  Use a custom QuickTip instance separate from the main QuickTips singleton, so that we can give it a custom frame style. ...

                                  Use a custom QuickTip instance separate from the main QuickTips singleton, so that we can give it a custom frame style. Responds to errorqtip rather than the qtip property.

                                  Available since: 4.0.0

                                  ( name, mixinClass )chainableprivatestatic
                                  Used internally by the mixins pre-processor ...

                                  Used internally by the mixins pre-processor

                                  Available since: 4.1.1

                                  Parameters

                                  ( fn, scope )chainableprivatestatic
                                  ...

                                  Available since: 4.1.1

                                  Parameters

                                  ( members ) : Ext.Basechainabledeprecatedstatic
                                  Override members of this class. ...

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

                                  Ext.define('My.Cat', {
                                      constructor: function() {
                                          alert("I'm a cat!");
                                      }
                                  });
                                  
                                  My.Cat.override({
                                      constructor: function() {
                                          alert("I'm going to be a cat!");
                                  
                                          this.callParent(arguments);
                                  
                                          alert("Meeeeoooowwww");
                                      }
                                  });
                                  
                                  var kitty = new My.Cat(); // alerts "I'm going to be a cat!"
                                                            // alerts "I'm a cat!"
                                                            // alerts "Meeeeoooowwww"
                                  

                                  As of 4.1, direct use of this method is deprecated. Use Ext.define instead:

                                  Ext.define('My.CatOverride', {
                                      override: 'My.Cat',
                                      constructor: function() {
                                          alert("I'm going to be a cat!");
                                  
                                          this.callParent(arguments);
                                  
                                          alert("Meeeeoooowwww");
                                      }
                                  });
                                  

                                  The above accomplishes the same result but can be managed by the Ext.Loader which can properly order the override and its target class and the build process can determine whether the override is needed based on the required state of the target class (My.Cat).

                                  Available since: 4.0.2

                                  This method has been deprecated since 4.1.0

                                  Use Ext.define instead

                                  Parameters

                                  • members : Object

                                    The properties to add to this class. This should be specified as an object literal containing one or more properties.

                                  Returns

                                  ...

                                  Available since: 4.1.1