componentloader.js

ext-2.3.0

/*
 * Ext JS Library 2.3.0
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * [e-mail]
 * 
 * http://extjs.com/license
 */

Ext.namespace('Ext.ux');

/**
 * @class Ext.ux.ComponentLoader
 * Provides an easy way to load components dynamically. If you provide these components
 * with an id you can use Ext.ComponentMgr's onAvailable function to manipulate the components
 * as they are added.
 * @singleton
 */
Ext.ux.ComponentLoader = function() {
	var cm = Ext.ComponentMgr;			
	return {
		/*
		 *  
		 */
		root: 'components',
		/*
		 * 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.createDelegate(this, [config.container], true),
				scope: this
			});	
			if (config.container) {
				Ext.apply(config.params, {
					container: config.container
				});
			}
			Ext.Ajax.request(config);
		},
		// private
		onLoad : function(opts, success, response, ct) {			
			var config = Ext.decode(response.responseText);
			if (config.success) {
				var comps = config[this.root];				
				// loop over each component returned.				
				for (var i = 0; i < comps.length; i++) {
					var c = comps[i];
					// special case of viewport, no container to add to
					if (c.xtype && c.xtype === 'viewport') {
						cm.create(c);
					// add to container
					} else {
						var ct = c.container || ct;
						Ext.getCmp(ct).add(c);
						Ext.getCmp(ct).doLayout();
					}
				}
				
			} else {
				this.onFailure();
			}
		},
		onFailure: function() {
			Ext.Msg.alert('Load failed.');
		}
	};
}();