add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / overrides / Widget.js

/**\r
 *\r
 */\r
Ext.define('Ext.overrides.Widget', {\r
    override: 'Ext.Widget',\r
\r
    uses: ['Ext.Component'],\r
\r
    $configStrict: false,\r
\r
    isComponent: true,\r
\r
    liquidLayout: true,\r
\r
    // in Ext JS the rendered flag is set as soon as a component has its element.  Since\r
    // widgets always have an element when constructed, they are always considered to be\r
    // "rendered"\r
    rendered: true,\r
\r
    rendering: true,\r
\r
    config: {\r
        renderTo: null\r
    },\r
\r
    cachedConfig: {\r
        baseCls: Ext.baseCSSPrefix + 'widget'\r
    },\r
\r
    constructor: function(config) {\r
        var me = this,\r
            renderTo;\r
            \r
        me.callParent([config]);\r
\r
        // initialize the component layout\r
        me.getComponentLayout();\r
        renderTo = me.getRenderTo();\r
        if (renderTo) {\r
            me.render(renderTo);\r
        }\r
    },\r
\r
    addClsWithUI: function(cls) {\r
        this.el.addCls(cls);\r
    },\r
\r
    afterComponentLayout: Ext.emptyFn,\r
\r
    updateLayout: function() {\r
        var owner = this.getRefOwner();\r
        if (owner) {\r
            owner.updateLayout();\r
        }\r
    },\r
\r
    destroy: function() {\r
        var me = this,\r
            ownerCt = me.ownerCt;\r
\r
        if (ownerCt && ownerCt.remove) {\r
            ownerCt.remove(me, false);\r
        }\r
\r
        me.callParent();\r
    },\r
\r
    finishRender: function () {\r
        this.rendering = false;\r
        this.initBindable();\r
    },\r
\r
    getAnimationProps: function() {\r
        // see Ext.util.Animate mixin\r
        return {};\r
    },\r
\r
    getComponentLayout: function() {\r
        var me = this,\r
            layout = me.componentLayout;\r
\r
        if (!layout) {\r
            layout = me.componentLayout = new Ext.layout.component.Auto();\r
            layout.setOwner(me);\r
        }\r
\r
        return layout;\r
    },\r
\r
    getEl: function() {\r
        return this.element;\r
    },\r
\r
    /**\r
     * @private\r
     * Needed for when widget is rendered into a grid cell. The class to add to the cell element.\r
     * @member Ext.Widget\r
     */\r
    getTdCls: function() {\r
        return Ext.baseCSSPrefix + this.getTdType() + '-' + (this.ui || 'default') + '-cell';\r
    },\r
\r
    /**\r
     * @private\r
     * Partner method to {@link #getTdCls}.\r
     *\r
     * Returns the base type for the component. Defaults to return `this.xtype`, but\r
     * All derived classes of {@link Ext.form.field.Text TextField} can return the type 'textfield',\r
     * and all derived classes of {@link Ext.button.Button Button} can return the type 'button'\r
     * @member Ext.Widget\r
     */\r
    getTdType: function() {\r
        return this.xtype;\r
    },\r
\r
    getItemId: function() {\r
        // needed by ComponentQuery\r
        return this.itemId || this.id;\r
    },\r
\r
    getSizeModel: function() {\r
        return Ext.Component.prototype.getSizeModel.apply(this, arguments);\r
    },\r
\r
    onAdded: function (container, pos, instanced) {\r
        var me = this,\r
            inheritedState = me.inheritedState;\r
\r
        me.ownerCt = container;\r
\r
        me.onInheritedAdd(me, instanced);\r
    },\r
\r
    onRemoved: function(destroying) {\r
        var me = this;\r
\r
        if (!destroying) {\r
            me.removeBindings();\r
        }\r
\r
        me.onInheritedRemove(destroying);\r
\r
        me.ownerCt = me.ownerLayout = null;\r
    },\r
\r
    parseBox: function(box) {\r
        return Ext.Element.parseBox(box);\r
    },\r
\r
    removeClsWithUI: function(cls) {\r
        this.el.removeCls(cls);\r
    },\r
    \r
    render: function(container, position) {\r
        var me = this,\r
            element = me.element,\r
            proto = Ext.Component.prototype,\r
            nextSibling;\r
\r
        if (!me.ownerCt || me.floating) {\r
            if (Ext.scopeCss) {\r
                element.addCls(proto.rootCls);\r
            }\r
            element.addCls(proto.borderBoxCls);\r
        }\r
\r
        if (position) {\r
            nextSibling = container.childNodes[position];\r
            if (nextSibling) {\r
                Ext.fly(container).insertBefore(element, nextSibling);\r
                return;\r
            }\r
        }\r
\r
        Ext.fly(container).appendChild(element);\r
    },\r
\r
    setPosition: function(x, y) {\r
        this.el.setLocalXY(x, y);\r
    },\r
\r
    up: function() {\r
        return Ext.Component.prototype.up.apply(this, arguments);\r
    },\r
    \r
    isAncestor: function() {\r
        return Ext.Component.prototype.isAncestor.apply(this, arguments);\r
    },\r
    \r
    onFocusEnter: function() {\r
        return Ext.Component.prototype.onFocusEnter.apply(this, arguments);\r
    },\r
    \r
    onFocusLeave: function() {\r
        return Ext.Component.prototype.onFocusLeave.apply(this, arguments);\r
    },\r
\r
    isLayoutChild: function(candidate) {\r
        var ownerCt = this.ownerCt;\r
        return ownerCt ? (ownerCt === candidate || ownerCt.isLayoutChild(candidate)) : false;\r
    }\r
\r
}, function(Cls) {\r
    var prototype = Cls.prototype;\r
\r
    if (Ext.isIE9m) {\r
        // Since IE8/9 don't not support Object.defineProperty correctly we can't add the reference\r
        // nodes on demand, so we just fall back to adding all references up front.\r
        prototype.addElementReferenceOnDemand = prototype.addElementReference;\r
    }\r
});\r