X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/src/core/DomHelper-more.js

diff --git a/src/core/DomHelper-more.js b/src/core/DomHelper-more.js
new file mode 100644
index 00000000..450c3223
--- /dev/null
+++ b/src/core/DomHelper-more.js
@@ -0,0 +1,179 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/**
+ * @class Ext.DomHelper
+ */
+Ext.apply(Ext.DomHelper,
+function(){
+	var pub,
+		afterbegin = 'afterbegin',
+    	afterend = 'afterend',
+    	beforebegin = 'beforebegin',
+    	beforeend = 'beforeend';
+
+	// private
+    function doInsert(el, o, returnElement, pos, sibling, append){
+        el = Ext.getDom(el);
+        var newNode;
+        if (pub.useDom) {
+            newNode = createDom(o, null);
+            if (append) {
+	            el.appendChild(newNode);
+            } else {
+	        	(sibling == 'firstChild' ? el : el.parentNode).insertBefore(newNode, el[sibling] || el);
+            }
+        } else {
+            newNode = Ext.DomHelper.insertHtml(pos, el, Ext.DomHelper.createHtml(o));
+        }
+        return returnElement ? Ext.get(newNode, true) : newNode;
+    }
+
+	// build as dom
+    /** @ignore */
+    function createDom(o, parentNode){
+        var el,
+        	doc = document,
+        	useSet,
+        	attr,
+        	val,
+        	cn;
+
+        if (Ext.isArray(o)) {                       // Allow Arrays of siblings to be inserted
+            el = doc.createDocumentFragment(); // in one shot using a DocumentFragment
+	        Ext.each(o, function(v) {
+                createDom(v, el);
+            });
+        } else if (Ext.isString(o)) {         // Allow a string as a child spec.
+            el = doc.createTextNode(o);
+        } else {
+            el = doc.createElement( o.tag || 'div' );
+            useSet = !!el.setAttribute; // In IE some elements don't have setAttribute
+            Ext.iterate(o, function(attr, val){
+                if(!/tag|children|cn|html|style/.test(attr)){
+	                if(attr == 'cls'){
+	                    el.className = val;
+	                }else{
+                        if(useSet){
+                            el.setAttribute(attr, val);
+                        }else{
+                            el[attr] = val;
+                        }
+	                }
+                }
+            });
+            pub.applyStyles(el, o.style);
+
+            if ((cn = o.children || o.cn)) {
+                createDom(cn, el);
+            } else if (o.html) {
+                el.innerHTML = o.html;
+            }
+        }
+        if(parentNode){
+           parentNode.appendChild(el);
+        }
+        return el;
+    }
+
+	pub = {
+		/**
+	     * Creates a new Ext.Template from the DOM object spec.
+	     * @param {Object} o The DOM object spec (and children)
+	     * @return {Ext.Template} The new template
+	     */
+	    createTemplate : function(o){
+	        var html = Ext.DomHelper.createHtml(o);
+	        return new Ext.Template(html);
+	    },
+
+		/** True to force the use of DOM instead of html fragments @type Boolean */
+	    useDom : false,
+
+	    /**
+	     * Applies a style specification to an element.
+	     * @param {String/HTMLElement} el The element to apply styles to
+	     * @param {String/Object/Function} styles A style specification string e.g. 'width:100px', or object in the form {width:'100px'}, or
+	     * a function which returns such a specification.
+	     */
+	    applyStyles : function(el, styles){
+		    if(styles){
+				var i = 0,
+	    			len,
+	    			style;
+
+	    		el = Ext.fly(el);
+				if(Ext.isFunction(styles)){
+   					styles = styles.call();
+				}
+				if(Ext.isString(styles)){
+					styles = styles.trim().split(/\s*(?::|;)\s*/);
+					for(len = styles.length; i < len;){
+						el.setStyle(styles[i++], styles[i++]);
+					}
+				}else if (Ext.isObject(styles)){
+					el.setStyle(styles);
+				}
+			}
+	    },
+
+	    /**
+	     * Creates new DOM element(s) and inserts them before el.
+	     * @param {Mixed} el The context element
+	     * @param {Object/String} o The DOM object spec (and children) or raw HTML blob
+	     * @param {Boolean} returnElement (optional) true to return a Ext.Element
+	     * @return {HTMLElement/Ext.Element} The new node
+         * @hide (repeat)
+	     */
+	    insertBefore : function(el, o, returnElement){
+	        return doInsert(el, o, returnElement, beforebegin);
+	    },
+
+	    /**
+	     * Creates new DOM element(s) and inserts them after el.
+	     * @param {Mixed} el The context element
+	     * @param {Object} o The DOM object spec (and children)
+	     * @param {Boolean} returnElement (optional) true to return a Ext.Element
+	     * @return {HTMLElement/Ext.Element} The new node
+         * @hide (repeat)
+	     */
+	    insertAfter : function(el, o, returnElement){
+	        return doInsert(el, o, returnElement, afterend, 'nextSibling');
+	    },
+
+	    /**
+	     * Creates new DOM element(s) and inserts them as the first child of el.
+	     * @param {Mixed} el The context element
+	     * @param {Object/String} o The DOM object spec (and children) or raw HTML blob
+	     * @param {Boolean} returnElement (optional) true to return a Ext.Element
+	     * @return {HTMLElement/Ext.Element} The new node
+         * @hide (repeat)
+	     */
+	    insertFirst : function(el, o, returnElement){
+	        return doInsert(el, o, returnElement, afterbegin, 'firstChild');
+	    },
+
+	    /**
+	     * Creates new DOM element(s) and appends them to el.
+	     * @param {Mixed} el The context element
+	     * @param {Object/String} o The DOM object spec (and children) or raw HTML blob
+	     * @param {Boolean} returnElement (optional) true to return a Ext.Element
+	     * @return {HTMLElement/Ext.Element} The new node
+         * @hide (repeat)
+	     */
+	    append: function(el, o, returnElement){
+            return doInsert(el, o, returnElement, beforeend, '', true);
+        },
+
+	    /**
+	     * Creates new DOM element(s) without inserting them to the document.
+	     * @param {Object/String} o The DOM object spec (and children) or raw HTML blob
+	     * @return {HTMLElement} The new uninserted node
+	     */
+        createDom: createDom
+	};
+	return pub;
+}());
\ No newline at end of file