129 lines
5.9 KiB
HTML
129 lines
5.9 KiB
HTML
<!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-CompositeElement'>/**
|
|
</span> * @class Ext.CompositeElement
|
|
* @extends Ext.CompositeElementLite
|
|
* <p>This class encapsulates a <i>collection</i> of DOM elements, providing methods to filter
|
|
* members, or to perform collective actions upon the whole set.</p>
|
|
* <p>Although they are not listed, this class supports all of the methods of {@link Ext.Element} and
|
|
* {@link Ext.Fx}. The methods from these classes will be performed on all the elements in this collection.</p>
|
|
* <p>All methods return <i>this</i> and can be chained.</p>
|
|
* Usage:
|
|
<pre><code>
|
|
var els = Ext.select("#some-el div.some-class", true);
|
|
// or select directly from an existing element
|
|
var el = Ext.get('some-el');
|
|
el.select('div.some-class', true);
|
|
|
|
els.setWidth(100); // all elements become 100 width
|
|
els.hide(true); // all elements fade out and hide
|
|
// or
|
|
els.setWidth(100).hide(true);
|
|
</code></pre>
|
|
*/
|
|
Ext.CompositeElement = Ext.extend(Ext.CompositeElementLite, {
|
|
|
|
<span id='Ext-CompositeElement-method-constructor'> constructor : function(els, root){
|
|
</span> this.elements = [];
|
|
this.add(els, root);
|
|
},
|
|
|
|
<span id='Ext-CompositeElement-method-getElement'> // private
|
|
</span> getElement : function(el){
|
|
// In this case just return it, since we already have a reference to it
|
|
return el;
|
|
},
|
|
|
|
<span id='Ext-CompositeElement-method-transformElement'> // private
|
|
</span> transformElement : function(el){
|
|
return Ext.get(el);
|
|
}
|
|
|
|
<span id='global-method-'> /**
|
|
</span> * Adds elements to this composite.
|
|
* @param {String/Array} els A string CSS selector, an array of elements or an element
|
|
* @return {CompositeElement} this
|
|
* @ignore
|
|
*/
|
|
|
|
<span id='global-method-'> /**
|
|
</span> * Returns the Element object at the specified index
|
|
* @param {Number} index
|
|
* @return {Ext.Element}
|
|
* @ignore
|
|
*/
|
|
|
|
<span id='global-method-'> /**
|
|
</span> * Iterates each <code>element</code> in this <code>composite</code>
|
|
* calling the supplied function using {@link Ext#each}.
|
|
* @param {Function} fn The function to be called with each
|
|
* <code>element</code>. If the supplied function returns <tt>false</tt>,
|
|
* iteration stops. This function is called with the following arguments:
|
|
* <div class="mdetail-params"><ul>
|
|
* <li><code>element</code> : <i>Ext.Element</i><div class="sub-desc">The element at the current <code>index</code>
|
|
* in the <code>composite</code></div></li>
|
|
* <li><code>composite</code> : <i>Object</i> <div class="sub-desc">This composite.</div></li>
|
|
* <li><code>index</code> : <i>Number</i> <div class="sub-desc">The current index within the <code>composite</code> </div></li>
|
|
* </ul></div>
|
|
* @param {Object} scope (optional) The scope (<code><this</code> reference) in which the specified function is executed.
|
|
* Defaults to the <code>element</code> at the current <code>index</code>
|
|
* within the composite.
|
|
* @return {CompositeElement} this
|
|
* @ignore
|
|
*/
|
|
});
|
|
|
|
<span id='Ext-Element-static-method-select'>/**
|
|
</span> * Selects elements based on the passed CSS selector to enable {@link Ext.Element Element} methods
|
|
* to be applied to many related elements in one statement through the returned {@link Ext.CompositeElement CompositeElement} or
|
|
* {@link Ext.CompositeElementLite CompositeElementLite} object.
|
|
* @param {String/Array} selector The CSS selector or an array of elements
|
|
* @param {Boolean} unique (optional) true to create a unique Ext.Element for each element (defaults to a shared flyweight object)
|
|
* @param {HTMLElement/String} root (optional) The root element of the query or id of the root
|
|
* @return {CompositeElementLite/CompositeElement}
|
|
* @member Ext.Element
|
|
* @method select
|
|
* @static
|
|
*/
|
|
Ext.Element.select = function(selector, unique, root){
|
|
var els;
|
|
if(typeof selector == "string"){
|
|
els = Ext.Element.selectorFunction(selector, root);
|
|
}else if(selector.length !== undefined){
|
|
els = selector;
|
|
}else{
|
|
throw "Invalid selector";
|
|
}
|
|
|
|
return (unique === true) ? new Ext.CompositeElement(els) : new Ext.CompositeElementLite(els);
|
|
};
|
|
|
|
<span id='Ext-method-select'>/**
|
|
</span> * Selects elements based on the passed CSS selector to enable {@link Ext.Element Element} methods
|
|
* to be applied to many related elements in one statement through the returned {@link Ext.CompositeElement CompositeElement} or
|
|
* {@link Ext.CompositeElementLite CompositeElementLite} object.
|
|
* @param {String/Array} selector The CSS selector or an array of elements
|
|
* @param {Boolean} unique (optional) true to create a unique Ext.Element for each element (defaults to a shared flyweight object)
|
|
* @param {HTMLElement/String} root (optional) The root element of the query or id of the root
|
|
* @return {CompositeElementLite/CompositeElement}
|
|
* @member Ext
|
|
* @method select
|
|
*/
|
|
Ext.select = Ext.Element.select;</pre>
|
|
</body>
|
|
</html>
|