+++ /dev/null
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-/**\r
- * @class Ext.CompositeElement\r
- * Standard composite class. Creates a Ext.Element for every element in the collection.\r
- * <br><br>\r
- * <b>NOTE: Although they are not listed, this class supports all of the set/update methods of Ext.Element. All Ext.Element\r
- * actions will be performed on all the elements in this collection.</b>\r
- * <br><br>\r
- * All methods return <i>this</i> and can be chained.\r
- <pre><code>\r
- var els = Ext.select("#some-el div.some-class", true);\r
- // or select directly from an existing element\r
- var el = Ext.get('some-el');\r
- el.select('div.some-class', true);\r
-\r
- els.setWidth(100); // all elements become 100 width\r
- els.hide(true); // all elements fade out and hide\r
- // or\r
- els.setWidth(100).hide(true);\r
- </code></pre>\r
- */\r
-Ext.CompositeElement = function(els){\r
- this.elements = [];\r
- this.addElements(els);\r
-};\r
-Ext.CompositeElement.prototype = {\r
- isComposite: true,\r
- addElements : function(els){\r
- if(!els) return this;\r
- if(typeof els == "string"){\r
- els = Ext.Element.selectorFunction(els);\r
- }\r
- var yels = this.elements;\r
- var index = yels.length-1;\r
- for(var i = 0, len = els.length; i < len; i++) {\r
- yels[++index] = Ext.get(els[i]);\r
- }\r
- return this;\r
- },\r
-\r
- /**\r
- * Clears this composite and adds the elements returned by the passed selector.\r
- * @param {String/Array} els A string CSS selector, an array of elements or an element\r
- * @return {CompositeElement} this\r
- */\r
- fill : function(els){\r
- this.elements = [];\r
- this.add(els);\r
- return this;\r
- },\r
-\r
- /**\r
- * Filters this composite to only elements that match the passed selector.\r
- * @param {String} selector A string CSS selector\r
- * @return {CompositeElement} this\r
- */\r
- filter : function(selector){\r
- var els = [];\r
- this.each(function(el){\r
- if(el.is(selector)){\r
- els[els.length] = el.dom;\r
- }\r
- });\r
- this.fill(els);\r
- return this;\r
- },\r
-\r
- invoke : function(fn, args){\r
- var els = this.elements;\r
- for(var i = 0, len = els.length; i < len; i++) {\r
- Ext.Element.prototype[fn].apply(els[i], args);\r
- }\r
- return this;\r
- },\r
- /**\r
- * Adds elements to this composite.\r
- * @param {String/Array} els A string CSS selector, an array of elements or an element\r
- * @return {CompositeElement} this\r
- */\r
- add : function(els){\r
- if(typeof els == "string"){\r
- this.addElements(Ext.Element.selectorFunction(els));\r
- }else if(els.length !== undefined){\r
- this.addElements(els);\r
- }else{\r
- this.addElements([els]);\r
- }\r
- return this;\r
- },\r
- /**\r
- * Calls the passed function passing (el, this, index) for each element in this composite.\r
- * @param {Function} fn The function to call\r
- * @param {Object} scope (optional) The <i>this</i> object (defaults to the element)\r
- * @return {CompositeElement} this\r
- */\r
- each : function(fn, scope){\r
- var els = this.elements;\r
- for(var i = 0, len = els.length; i < len; i++){\r
- if(fn.call(scope || els[i], els[i], this, i) === false) {\r
- break;\r
- }\r
- }\r
- return this;\r
- },\r
-\r
- /**\r
- * Returns the Element object at the specified index\r
- * @param {Number} index\r
- * @return {Ext.Element}\r
- */\r
- item : function(index){\r
- return this.elements[index] || null;\r
- },\r
-\r
- /**\r
- * Returns the first Element\r
- * @return {Ext.Element}\r
- */\r
- first : function(){\r
- return this.item(0);\r
- },\r
-\r
- /**\r
- * Returns the last Element\r
- * @return {Ext.Element}\r
- */\r
- last : function(){\r
- return this.item(this.elements.length-1);\r
- },\r
-\r
- /**\r
- * Returns the number of elements in this composite\r
- * @return Number\r
- */\r
- getCount : function(){\r
- return this.elements.length;\r
- },\r
-\r
- /**\r
- * Returns true if this composite contains the passed element\r
- * @param el {Mixed} The id of an element, or an Ext.Element, or an HtmlElement to find within the composite collection.\r
- * @return Boolean\r
- */\r
- contains : function(el){\r
- return this.indexOf(el) !== -1;\r
- },\r
-\r
- /**\r
- * Find the index of the passed element within the composite collection.\r
- * @param el {Mixed} The id of an element, or an Ext.Element, or an HtmlElement to find within the composite collection.\r
- * @return Number The index of the passed Ext.Element in the composite collection, or -1 if not found.\r
- */\r
- indexOf : function(el){\r
- return this.elements.indexOf(Ext.get(el));\r
- },\r
-\r
-\r
- /**\r
- * Removes the specified element(s).\r
- * @param {Mixed} el The id of an element, the Element itself, the index of the element in this composite\r
- * or an array of any of those.\r
- * @param {Boolean} removeDom (optional) True to also remove the element from the document\r
- * @return {CompositeElement} this\r
- */\r
- removeElement : function(el, removeDom){\r
- if(Ext.isArray(el)){\r
- for(var i = 0, len = el.length; i < len; i++){\r
- this.removeElement(el[i]);\r
- }\r
- return this;\r
- }\r
- var index = typeof el == 'number' ? el : this.indexOf(el);\r
- if(index !== -1 && this.elements[index]){\r
- if(removeDom){\r
- var d = this.elements[index];\r
- if(d.dom){\r
- d.remove();\r
- }else{\r
- Ext.removeNode(d);\r
- }\r
- }\r
- this.elements.splice(index, 1);\r
- }\r
- return this;\r
- },\r
-\r
- /**\r
- * Replaces the specified element with the passed element.\r
- * @param {Mixed} el The id of an element, the Element itself, the index of the element in this composite\r
- * to replace.\r
- * @param {Mixed} replacement The id of an element or the Element itself.\r
- * @param {Boolean} domReplace (Optional) True to remove and replace the element in the document too.\r
- * @return {CompositeElement} this\r
- */\r
- replaceElement : function(el, replacement, domReplace){\r
- var index = typeof el == 'number' ? el : this.indexOf(el);\r
- if(index !== -1){\r
- if(domReplace){\r
- this.elements[index].replaceWith(replacement);\r
- }else{\r
- this.elements.splice(index, 1, Ext.get(replacement))\r
- }\r
- }\r
- return this;\r
- },\r
-\r
- /**\r
- * Removes all elements.\r
- */\r
- clear : function(){\r
- this.elements = [];\r
- }\r
-};\r
-(function(){\r
-Ext.CompositeElement.createCall = function(proto, fnName){\r
- if(!proto[fnName]){\r
- proto[fnName] = function(){\r
- return this.invoke(fnName, arguments);\r
- };\r
- }\r
-};\r
-for(var fnName in Ext.Element.prototype){\r
- if(typeof Ext.Element.prototype[fnName] == "function"){\r
- Ext.CompositeElement.createCall(Ext.CompositeElement.prototype, fnName);\r
- }\r
-};\r
-})();\r
-\r
-/**\r
- * @class Ext.CompositeElementLite\r
- * @extends Ext.CompositeElement\r
- * Flyweight composite class. Reuses the same Ext.Element for element operations.\r
- <pre><code>\r
- var els = Ext.select("#some-el div.some-class");\r
- // or select directly from an existing element\r
- var el = Ext.get('some-el');\r
- el.select('div.some-class');\r
-\r
- els.setWidth(100); // all elements become 100 width\r
- els.hide(true); // all elements fade out and hide\r
- // or\r
- els.setWidth(100).hide(true);\r
- </code></pre><br><br>\r
- * <b>NOTE: Although they are not listed, this class supports all of the set/update methods of Ext.Element. All Ext.Element\r
- * actions will be performed on all the elements in this collection.</b>\r
- */\r
-Ext.CompositeElementLite = function(els){\r
- Ext.CompositeElementLite.superclass.constructor.call(this, els);\r
- this.el = new Ext.Element.Flyweight();\r
-};\r
-Ext.extend(Ext.CompositeElementLite, Ext.CompositeElement, {\r
- addElements : function(els){\r
- if(els){\r
- if(Ext.isArray(els)){\r
- this.elements = this.elements.concat(els);\r
- }else{\r
- var yels = this.elements;\r
- var index = yels.length-1;\r
- for(var i = 0, len = els.length; i < len; i++) {\r
- yels[++index] = els[i];\r
- }\r
- }\r
- }\r
- return this;\r
- },\r
- invoke : function(fn, args){\r
- var els = this.elements;\r
- var el = this.el;\r
- for(var i = 0, len = els.length; i < len; i++) {\r
- el.dom = els[i];\r
- Ext.Element.prototype[fn].apply(el, args);\r
- }\r
- return this;\r
- },\r
- /**\r
- * Returns a flyweight Element of the dom element object at the specified index\r
- * @param {Number} index\r
- * @return {Ext.Element}\r
- */\r
- item : function(index){\r
- if(!this.elements[index]){\r
- return null;\r
- }\r
- this.el.dom = this.elements[index];\r
- return this.el;\r
- },\r
-\r
- // fixes scope with flyweight\r
- addListener : function(eventName, handler, scope, opt){\r
- var els = this.elements;\r
- for(var i = 0, len = els.length; i < len; i++) {\r
- Ext.EventManager.on(els[i], eventName, handler, scope || els[i], opt);\r
- }\r
- return this;\r
- },\r
-\r
- /**\r
- * Calls the passed function passing (el, this, index) for each element in this composite. <b>The element\r
- * passed is the flyweight (shared) Ext.Element instance, so if you require a\r
- * a reference to the dom node, use el.dom.</b>\r
- * @param {Function} fn The function to call\r
- * @param {Object} scope (optional) The <i>this</i> object (defaults to the element)\r
- * @return {CompositeElement} this\r
- */\r
- each : function(fn, scope){\r
- var els = this.elements;\r
- var el = this.el;\r
- for(var i = 0, len = els.length; i < len; i++){\r
- el.dom = els[i];\r
- if(fn.call(scope || el, el, this, i) === false){\r
- break;\r
- }\r
- }\r
- return this;\r
- },\r
-\r
- indexOf : function(el){\r
- return this.elements.indexOf(Ext.getDom(el));\r
- },\r
-\r
- replaceElement : function(el, replacement, domReplace){\r
- var index = typeof el == 'number' ? el : this.indexOf(el);\r
- if(index !== -1){\r
- replacement = Ext.getDom(replacement);\r
- if(domReplace){\r
- var d = this.elements[index];\r
- d.parentNode.insertBefore(replacement, d);\r
- Ext.removeNode(d);\r
- }\r
- this.elements.splice(index, 1, replacement);\r
- }\r
- return this;\r
- }\r
-});\r
-Ext.CompositeElementLite.prototype.on = Ext.CompositeElementLite.prototype.addListener;\r
-if(Ext.DomQuery){\r
- Ext.Element.selectorFunction = Ext.DomQuery.select;\r
-}\r
-\r
-Ext.Element.select = function(selector, unique, root){\r
- var els;\r
- if(typeof selector == "string"){\r
- els = Ext.Element.selectorFunction(selector, root);\r
- }else if(selector.length !== undefined){\r
- els = selector;\r
- }else{\r
- throw "Invalid selector";\r
- }\r
- if(unique === true){\r
- return new Ext.CompositeElement(els);\r
- }else{\r
- return new Ext.CompositeElementLite(els);\r
- }\r
-};\r
-/**\r
- * Selects elements based on the passed CSS selector to enable working on them as 1.\r
- * @param {String/Array} selector The CSS selector or an array of elements\r
- * @param {Boolean} unique (optional) true to create a unique Ext.Element for each element (defaults to a shared flyweight object)\r
- * @param {HTMLElement/String} root (optional) The root element of the query or id of the root\r
- * @return {CompositeElementLite/CompositeElement}\r
- * @member Ext\r
- * @method select\r
- */\r
-Ext.select = Ext.Element.select;
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff