function(config) {
        var me = this,
            currentConfig = me.config,
            id;

        me.onInitializedListeners = [];
        me.initialConfig = config;

        if (config !== undefined && 'id' in config) {
            id = config.id;
        }
        else if ('id' in currentConfig) {
            id = currentConfig.id;
        }
        else {
            id = me.getId();
        }

        me.id = id;
        me.setId(id);

        Ext.ComponentManager.register(me);

        me.initElement();

        me.initConfig(me.initialConfig);

        me.refreshSizeState = me.doRefreshSizeState;
        me.refreshFloating = me.doRefreshFloating;

        if (me.refreshSizeStateOnInitialized) {
            me.refreshSizeState();
        }

        if (me.refreshFloatingOnInitialized) {
            me.refreshFloating();
        }

        me.initialize();

        me.triggerInitialized();
        /**
         * Force the component to take up 100% width and height available, by adding it to {@link Ext.Viewport}.
         * @cfg {Boolean} fullscreen
         */
        if (me.config.fullscreen) {
            me.fireEvent('fullscreen', me);
        }

        me.fireEvent('initialize', me);
    }
function(config) {
        var me = this,
            currentConfig = me.config,
            id;

        me.onInitializedListeners = [];
        me.initialConfig = config;

        if (config !== undefined && 'id' in config) {
            id = config.id;
        }
        else if ('id' in currentConfig) {
            id = currentConfig.id;
        }
        else {
            id = me.getId();
        }

        me.id = id;
        me.setId(id);

        Ext.ComponentManager.register(me);

        me.initElement();

        me.initConfig(me.initialConfig);

        me.refreshSizeState = me.doRefreshSizeState;
        me.refreshFloating = me.doRefreshFloating;

        if (me.refreshSizeStateOnInitialized) {
            me.refreshSizeState();
        }

        if (me.refreshFloatingOnInitialized) {
            me.refreshFloating();
        }

        me.initialize();

        me.triggerInitialized();
        /**
         * Force the component to take up 100% width and height available, by adding it to {@link Ext.Viewport}.
         * @cfg {Boolean} fullscreen
         */
        if (me.config.fullscreen) {
            me.fireEvent('fullscreen', me);
        }

        me.fireEvent('initialize', me);
    }
function ( config ) { var me = this , currentConfig = me . config , id ; me . onInitializedListeners = [ ] ; me . initialConfig = config ; if ( config !== undefined && 'id' in config ) { id = config . id ; } else if ( 'id' in currentConfig ) { id = currentConfig . id ; } else { id = me . getId ( ) ; } me . id = id ; me . setId ( id ) ; Ext . ComponentManager . register ( me ) ; me . initElement ( ) ; me . initConfig ( me . initialConfig ) ; me . refreshSizeState = me . doRefreshSizeState ; me . refreshFloating = me . doRefreshFloating ; if ( me . refreshSizeStateOnInitialized ) { me . refreshSizeState ( ) ; } if ( me . refreshFloatingOnInitialized ) { me . refreshFloating ( ) ; } me . initialize ( ) ; me . triggerInitialized ( ) ; /**
         * Force the component to take up 100% width and height available, by adding it to {@link Ext.Viewport}.
         * @cfg {Boolean} fullscreen
         */ if ( me . config . fullscreen ) { me . fireEvent ( 'fullscreen' , me ) ; } me . fireEvent ( 'initialize' , me ) ; }
Creates new Component.
@param {Object} config The standard configuration object.
Creates new Component .