开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 中间件编程 > 查看源码
Element.insertion.js
资源名称：ext-3.0.0.zip　[点击查看]
上传用户：shuoshiled
上传日期：2018-01-28
资源大小：10124k
文件大小：5k
源码类别：

中间件编程

开发平台：

JavaScript

Element.insertion.js：源码内容
  1. /*!  * Ext JS Library 3.0.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ /**
  2.  * @class Ext.Element
  3.  */
  4. Ext.Element.addMethods(
  5. function() {
  6. var GETDOM = Ext.getDom,
  7. GET = Ext.get,
  8. DH = Ext.DomHelper,
  9.         isEl = function(el){
  10.             return  (el.nodeType || el.dom || typeof el == 'string');  
  11.         };
  13. return {
  14.     /**
  15.      * Appends the passed element(s) to this element
  16.      * @param {String/HTMLElement/Array/Element/CompositeElement} el
  17.      * @return {Ext.Element} this
  18.      */
  19.     appendChild: function(el){        
  20.         return GET(el).appendTo(this);        
  21.     },
  23.     /**
  24.      * Appends this element to the passed element
  25.      * @param {Mixed} el The new parent element
  26.      * @return {Ext.Element} this
  27.      */
  28.     appendTo: function(el){        
  29.         GETDOM(el).appendChild(this.dom);        
  30.         return this;
  31.     },
  33.     /**
  34.      * Inserts this element before the passed element in the DOM
  35.      * @param {Mixed} el The element before which this element will be inserted
  36.      * @return {Ext.Element} this
  37.      */
  38.     insertBefore: function(el){             
  39.         (el = GETDOM(el)).parentNode.insertBefore(this.dom, el);
  40.         return this;
  41.     },
  43.     /**
  44.      * Inserts this element after the passed element in the DOM
  45.      * @param {Mixed} el The element to insert after
  46.      * @return {Ext.Element} this
  47.      */
  48.     insertAfter: function(el){
  49.         (el = GETDOM(el)).parentNode.insertBefore(this.dom, el.nextSibling);
  50.         return this;
  51.     },
  53.     /**
  54.      * Inserts (or creates) an element (or DomHelper config) as the first child of this element
  55.      * @param {Mixed/Object} el The id or element to insert or a DomHelper config to create and insert
  56.      * @return {Ext.Element} The new child
  57.      */
  58.     insertFirst: function(el, returnDom){
  59.             el = el || {};
  60.             if(isEl(el)){ // element
  61.                 el = GETDOM(el);
  62.                 this.dom.insertBefore(el, this.dom.firstChild);
  63.                 return !returnDom ? GET(el) : el;
  64.             }else{ // dh config
  65.                 return this.createChild(el, this.dom.firstChild, returnDom);
  66.             }
  67.     },
  69.     /**
  70.      * Replaces the passed element with this element
  71.      * @param {Mixed} el The element to replace
  72.      * @return {Ext.Element} this
  73.      */
  74.     replace: function(el){
  75.         el = GET(el);
  76.         this.insertBefore(el);
  77.         el.remove();
  78.         return this;
  79.     },
  81.     /**
  82.      * Replaces this element with the passed element
  83.      * @param {Mixed/Object} el The new element or a DomHelper config of an element to create
  84.      * @return {Ext.Element} this
  85.      */
  86.     replaceWith: function(el){
  87.     var me = this,
  88.      Element = Ext.Element;
  89.             if(isEl(el)){
  90.                 el = GETDOM(el);
  91.                 me.dom.parentNode.insertBefore(el, me.dom);
  92.             }else{
  93.                 el = DH.insertBefore(me.dom, el);
  94.             }
  95.         
  96.         delete Element.cache[me.id];
  97.         Ext.removeNode(me.dom);      
  98.         me.id = Ext.id(me.dom = el);
  99.         return Element.cache[me.id] = me;        
  100.     },
  101.     
  102. /**
  103.  * Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.
  104.  * @param {Object} config DomHelper element config object.  If no tag is specified (e.g., {tag:'input'}) then a div will be
  105.  * automatically generated with the specified attributes.
  106.  * @param {HTMLElement} insertBefore (optional) a child element of this element
  107.  * @param {Boolean} returnDom (optional) true to return the dom node instead of creating an Element
  108.  * @return {Ext.Element} The new child element
  109.  */
  110. createChild: function(config, insertBefore, returnDom){
  111.     config = config || {tag:'div'};
  112.     return insertBefore ? 
  113.         DH.insertBefore(insertBefore, config, returnDom !== true) :
  114.         DH[!this.dom.firstChild ? 'overwrite' : 'append'](this.dom, config,  returnDom !== true);
  115. },
  117. /**
  118.  * Creates and wraps this element with another element
  119.  * @param {Object} config (optional) DomHelper element config object for the wrapper element or null for an empty div
  120.  * @param {Boolean} returnDom (optional) True to return the raw DOM element instead of Ext.Element
  121.  * @return {HTMLElement/Element} The newly created wrapper element
  122.  */
  123. wrap: function(config, returnDom){        
  124.     var newEl = DH.insertBefore(this.dom, config || {tag: "div"}, !returnDom);
  125.     newEl.dom ? newEl.dom.appendChild(this.dom) : newEl.appendChild(this.dom);
  126.     return newEl;
  127. },
  129. /**
  130.  * Inserts an html fragment into this element
  131.  * @param {String} where Where to insert the html in relation to this element - beforeBegin, afterBegin, beforeEnd, afterEnd.
  132.  * @param {String} html The HTML fragment
  133.  * @param {Boolean} returnEl (optional) True to return an Ext.Element (defaults to false)
  134.  * @return {HTMLElement/Ext.Element} The inserted node (or nearest related if more than 1 inserted)
  135.  */
  136. insertHtml : function(where, html, returnEl){
  137.     var el = DH.insertHtml(where, this.dom, html);
  138.     return returnEl ? Ext.get(el) : el;
  139. }
  140. }
  141. }());