EXTJS常用的的代码

Webbuilder前端集成了EXTJS，会用到大量的EXTJS的代码，对于对EXTJS不是很熟悉的同学，需要熟记一些EXTJS的代码技巧，很多时候会事半功倍。

 

---

 

1、compnent.mon给组件添加事件

  panel.mon(panel, 'resize', function(panel, width, height) {});

2、获取元素（Getting Elements） 

1.Ext.get 

var el = Ext.get('myElementId');//获取元素，等同于document.getElementById('myElementId');//会缓存 

2.getCmp ( id )
获取组件

3. Ext.fly 

var el = Ext.fly('myElementId')//不需要缓存。 
注：享元模式（Flyweight Design Pattern）是一种节省内存的模式，该模式的大概原理是建立单个全体对象然后不断反复使用它。 

4.Ext.getDom 

var elDom = Ext.getDom('elId'); // 依据id来查dom节点 
var elDom1 = Ext.getDom(elDom); // 依据dom节点来查dom节点 

3、DOM操作系方法： 

appendTo：将当前元素追加到指定元素中

appendChild：在当前元素中追加元素 

createChild：在元素中插入由DomHelper对象创建的元素 

inertAfter：将元素插入到指定元素之后

inertBefore：将元素插入到指定元素之前  

inertSibling：在当前元素前或后插入（或创建）元素（同层）。

insertHtml：在当前元素内插入HTML代码 

remove：移除当前元素 

replace：使用当前元素替换指定元素 

replaceWith：使用创建的元素替换当前的元素 wrap：创建一个元素，并将当前元素包裹起来。

 

4、查询系方法： 

contains：判断元素是否包含另一个元素 

child：从元素的直接子元素中选择与选择符匹配的元素 

down：选择与选择符匹配的元素的子元素 first：选择元素第一个子元素 

findParent：查找与简单选择符匹配的元素的父元素 findParentNode、

up：查找与简单选择符匹配的元素的父元素 is：判断元素是否匹配选择符

last：选择元素的最后一个子元素 

next：选择元素同层的下一个元素 

prew：选择元素同层的上一个元素 

parent：返回元素的父元素 

Ext.query：根据选择符获取元素

Ext.select：根据选择符获取元素集合

5、延时加载

Ext.defer(showMap, 50); //延时加载

 

待续~~~~~~~~~~~~~