This class encapsulates a collection of DOM elements, providing methods to filter members, or to perform collective actions upon the whole set.
Although they are not listed, this class supports all of the methods of Ext.core.Element and Ext.Fx. The methods from these classes will be performed on all the elements in this collection.
Example:var els = Ext.select("#some-el div.some-class");
// or select directly from an existing element
var el = Ext.get('some-el');
el.select('div.some-class');
els.setWidth(100); // all elements become 100 width
els.hide(true); // all elements fade out and hide
// or
els.setWidth(100).hide(true);
The Array of DOM elements which this CompositeElement encapsulates. Read-only.
This will not usually be accessed in developers' code, but developers wishing to augment the capabilities of the CompositeElementLite class may use it when adding methods to the class.
For example to add the nextAll
method to the class to add all
following siblings of selected elements, the code would be
Ext.override(Ext.CompositeElementLite, {
nextAll: function() {
var els = this.elements, i, l = els.length, n, r = [], ri = -1;
// Loop through all elements in this Composite, accumulating
// an Array of all siblings.
for (i = 0; i < l; i++) {
for (n = els[i].nextSibling; n; n = n.nextSibling) {
r[++ri] = n;
}
}
// Add all found siblings to this Composite
return this.add(r);
}
});
Calls the passed function for each element in this composite.
el
: Ext.core.Elementindex
: Number