Cargador de componententes Extjs via Ajax

ComponentLoader.js

Ext.namespace('Ext.ux');

/**
 * @class Ext.ux.ComponentLoader
 * @author Aaron Conran
 * Provides an easy way to load components dynamically. If you name these components
 * you can use Ext.ComponentMgr's onAvailable function to manipulate the components
 * as they are added.
 * @singleton
 */
Ext.ux.ComponentLoader = function () {
    var defaultXType = 'panel';
    var cm = Ext.ComponentMgr;
    return {
        /**
         * Load components from a server resource, config options include anything available in @link Ext.data.Connect#request
         * Note: Always uses the connection of Ext.Ajax
         */
        load: function (config) {
            Ext.apply(config, {
                callback: this.onLoad,
                scope: this
            });
            Ext.Ajax.request(config);
        },
        // private
        onLoad: function (opts, success, response) {
            var config = Ext.decode(response.responseText);
            for (var i = 0; i < config.components.length; i++) {
                var comp = cm.create(config.components[i], config.defaultXType[i] || defaultXType)
            }
        }
    };
}();