X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/source/core/CompositeElement.js
diff --git a/source/core/CompositeElement.js b/source/core/CompositeElement.js
deleted file mode 100644
index 8d7fdd2d..00000000
--- a/source/core/CompositeElement.js
+++ /dev/null
@@ -1,371 +0,0 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- *
- * http://extjs.com/license
- */
-
-/**
- * @class Ext.CompositeElement
- * Standard composite class. Creates a Ext.Element for every element in the collection.
- *
- * NOTE: Although they are not listed, this class supports all of the set/update methods of Ext.Element. All Ext.Element
- * actions will be performed on all the elements in this collection.
- *
- * All methods return this and can be chained.
-
- 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);
-
- */
-Ext.CompositeElement = function(els){
- this.elements = [];
- this.addElements(els);
-};
-Ext.CompositeElement.prototype = {
- isComposite: true,
- addElements : function(els){
- if(!els) return this;
- if(typeof els == "string"){
- els = Ext.Element.selectorFunction(els);
- }
- var yels = this.elements;
- var index = yels.length-1;
- for(var i = 0, len = els.length; i < len; i++) {
- yels[++index] = Ext.get(els[i]);
- }
- return this;
- },
-
- /**
- * Clears this composite and adds the elements returned by the passed selector.
- * @param {String/Array} els A string CSS selector, an array of elements or an element
- * @return {CompositeElement} this
- */
- fill : function(els){
- this.elements = [];
- this.add(els);
- return this;
- },
-
- /**
- * Filters this composite to only elements that match the passed selector.
- * @param {String} selector A string CSS selector
- * @return {CompositeElement} this
- */
- filter : function(selector){
- var els = [];
- this.each(function(el){
- if(el.is(selector)){
- els[els.length] = el.dom;
- }
- });
- this.fill(els);
- return this;
- },
-
- invoke : function(fn, args){
- var els = this.elements;
- for(var i = 0, len = els.length; i < len; i++) {
- Ext.Element.prototype[fn].apply(els[i], args);
- }
- return this;
- },
- /**
- * Adds elements to this composite.
- * @param {String/Array} els A string CSS selector, an array of elements or an element
- * @return {CompositeElement} this
- */
- add : function(els){
- if(typeof els == "string"){
- this.addElements(Ext.Element.selectorFunction(els));
- }else if(els.length !== undefined){
- this.addElements(els);
- }else{
- this.addElements([els]);
- }
- return this;
- },
- /**
- * Calls the passed function passing (el, this, index) for each element in this composite.
- * @param {Function} fn The function to call
- * @param {Object} scope (optional) The this object (defaults to the element)
- * @return {CompositeElement} this
- */
- each : function(fn, scope){
- var els = this.elements;
- for(var i = 0, len = els.length; i < len; i++){
- if(fn.call(scope || els[i], els[i], this, i) === false) {
- break;
- }
- }
- return this;
- },
-
- /**
- * Returns the Element object at the specified index
- * @param {Number} index
- * @return {Ext.Element}
- */
- item : function(index){
- return this.elements[index] || null;
- },
-
- /**
- * Returns the first Element
- * @return {Ext.Element}
- */
- first : function(){
- return this.item(0);
- },
-
- /**
- * Returns the last Element
- * @return {Ext.Element}
- */
- last : function(){
- return this.item(this.elements.length-1);
- },
-
- /**
- * Returns the number of elements in this composite
- * @return Number
- */
- getCount : function(){
- return this.elements.length;
- },
-
- /**
- * Returns true if this composite contains the passed element
- * @param el {Mixed} The id of an element, or an Ext.Element, or an HtmlElement to find within the composite collection.
- * @return Boolean
- */
- contains : function(el){
- return this.indexOf(el) !== -1;
- },
-
- /**
- * Find the index of the passed element within the composite collection.
- * @param el {Mixed} The id of an element, or an Ext.Element, or an HtmlElement to find within the composite collection.
- * @return Number The index of the passed Ext.Element in the composite collection, or -1 if not found.
- */
- indexOf : function(el){
- return this.elements.indexOf(Ext.get(el));
- },
-
-
- /**
- * Removes the specified element(s).
- * @param {Mixed} el The id of an element, the Element itself, the index of the element in this composite
- * or an array of any of those.
- * @param {Boolean} removeDom (optional) True to also remove the element from the document
- * @return {CompositeElement} this
- */
- removeElement : function(el, removeDom){
- if(Ext.isArray(el)){
- for(var i = 0, len = el.length; i < len; i++){
- this.removeElement(el[i]);
- }
- return this;
- }
- var index = typeof el == 'number' ? el : this.indexOf(el);
- if(index !== -1 && this.elements[index]){
- if(removeDom){
- var d = this.elements[index];
- if(d.dom){
- d.remove();
- }else{
- Ext.removeNode(d);
- }
- }
- this.elements.splice(index, 1);
- }
- return this;
- },
-
- /**
- * Replaces the specified element with the passed element.
- * @param {Mixed} el The id of an element, the Element itself, the index of the element in this composite
- * to replace.
- * @param {Mixed} replacement The id of an element or the Element itself.
- * @param {Boolean} domReplace (Optional) True to remove and replace the element in the document too.
- * @return {CompositeElement} this
- */
- replaceElement : function(el, replacement, domReplace){
- var index = typeof el == 'number' ? el : this.indexOf(el);
- if(index !== -1){
- if(domReplace){
- this.elements[index].replaceWith(replacement);
- }else{
- this.elements.splice(index, 1, Ext.get(replacement))
- }
- }
- return this;
- },
-
- /**
- * Removes all elements.
- */
- clear : function(){
- this.elements = [];
- }
-};
-(function(){
-Ext.CompositeElement.createCall = function(proto, fnName){
- if(!proto[fnName]){
- proto[fnName] = function(){
- return this.invoke(fnName, arguments);
- };
- }
-};
-for(var fnName in Ext.Element.prototype){
- if(typeof Ext.Element.prototype[fnName] == "function"){
- Ext.CompositeElement.createCall(Ext.CompositeElement.prototype, fnName);
- }
-};
-})();
-
-/**
- * @class Ext.CompositeElementLite
- * @extends Ext.CompositeElement
- * Flyweight composite class. Reuses the same Ext.Element for element operations.
-
- 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);
-