-<!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-ComponentLoader'>/**
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>The source code</title>
+ <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
+ <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
+ <style type="text/css">
+ .highlight { display: block; background-color: #ddd; }
+ </style>
+ <script type="text/javascript">
+ function highlight() {
+ document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
+ }
+ </script>
+</head>
+<body onload="prettyPrint(); highlight();">
+ <pre class="prettyprint lang-js"><span id='Ext-ComponentLoader'>/**
</span> * @class Ext.ComponentLoader
* @extends Ext.ElementLoader
- *
- * This class is used to load content via Ajax into a {@link Ext.Component}. In general
+ *
+ * This class is used to load content via Ajax into a {@link Ext.Component}. In general
* this class will not be instanced directly, rather a loader configuration will be passed to the
* constructor of the {@link Ext.Component}.
- *
+ *
* ## HTML Renderer
* By default, the content loaded will be processed as raw html. The response text
* from the request is taken and added to the component. This can be used in
* conjunction with the {@link #scripts} option to execute any inline scripts in
* the resulting content. Using this renderer has the same effect as passing the
* {@link Ext.Component#html} configuration option.
- *
+ *
* ## Data Renderer
* This renderer allows content to be added by using JSON data and a {@link Ext.XTemplate}.
* The content received from the response is passed to the {@link Ext.Component#update} method.
* This content is run through the attached {@link Ext.Component#tpl} and the data is added to
* the Component. Using this renderer has the same effect as using the {@link Ext.Component#data}
* configuration in conjunction with a {@link Ext.Component#tpl}.
- *
+ *
* ## Component Renderer
- * This renderer can only be used with a {@link Ext.Container} and subclasses. It allows for
+ * This renderer can only be used with a {@link Ext.container.Container} and subclasses. It allows for
* Components to be loaded remotely into a Container. The response is expected to be a single/series of
* {@link Ext.Component} configuration objects. When the response is received, the data is decoded
- * and then passed to {@link Ext.Container#add}. Using this renderer has the same effect as specifying
- * the {@link Ext.Container#items} configuration on a Container.
- *
+ * and then passed to {@link Ext.container.Container#add}. Using this renderer has the same effect as specifying
+ * the {@link Ext.container.Container#items} configuration on a Container.
+ *
* ## Custom Renderer
* A custom function can be passed to handle any other special case, see the {@link #renderer} option.
- *
+ *
* ## Example Usage
* new Ext.Component({
* tpl: '{firstName} - {lastName}',
Ext.define('Ext.ComponentLoader', {
/* Begin Definitions */
-
+
extend: 'Ext.ElementLoader',
statics: {
/* End Definitions */
<span id='Ext-ComponentLoader-cfg-target'> /**
-</span> * @cfg {Ext.Component/String} target The target {@link Ext.Component} for the loader. Defaults to <tt>null</tt>.
+</span> * @cfg {Ext.Component/String} target The target {@link Ext.Component} for the loader.
* If a string is passed it will be looked up via the id.
*/
target: null,
<span id='Ext-ComponentLoader-cfg-loadMask'> /**
-</span> * @cfg {Mixed} loadMask True or a {@link Ext.LoadMask} configuration to enable masking during loading. Defaults to <tt>false</tt>.
+</span> * @cfg {Boolean/Object} loadMask True or a {@link Ext.LoadMask} configuration to enable masking during loading.
*/
loadMask: false,
-
+
<span id='Ext-ComponentLoader-cfg-scripts'> /**
</span> * @cfg {Boolean} scripts True to parse any inline script tags in the response. This only used when using the html
* {@link #renderer}.
+ **data** : Loads raw html content, see {@link Ext.Component#data}
+ **component** : Loads child {Ext.Component} instances. This option is only valid when used with a Container.
-Defaults to `html`.
-
Alternatively, you can pass a function which is called with the following parameters.
+ loader - Loader instance
}
}
});
- * @markdown
*/
renderer: 'html',
*/
setTarget: function(target){
var me = this;
-
+
if (Ext.isString(target)) {
target = Ext.getCmp(target);
}
}
me.target = target;
},
-
+
// inherit docs
removeMask: function(){
this.target.setLoading(false);
},
-
+
<span id='Ext-ComponentLoader-method-addMask'> /**
</span> * Add the mask on the target
* @private
- * @param {Mixed} mask The mask configuration
+ * @param {Boolean/Object} mask The mask configuration
*/
addMask: function(mask){
this.target.setLoading(mask);
</span> * Get the target of this loader.
* @return {Ext.Component} target The target, null if none exists.
*/
-
+
setOptions: function(active, options){
active.removeAll = Ext.isDefined(options.removeAll) ? options.removeAll : this.removeAll;
},
}
}
});
-</pre></pre></body></html>
\ No newline at end of file
+</pre>
+</body>
+</html>
git.ithinksw.org / extjs.git / blobdiff