Ext中 get、getDom、getCmp的區別

getDom方法可以獲得文檔中的DOM節點，該方法中包含一個參數，該參數能夠是DOM節點的id、DOM節點對象或DOM節點對應的Ext元素(Element)等。 (與getElementById是一個效果)

•Ext.onReady(function(){  
  
var e=new Ext.Element("hello");  
  
Ext.getDom("hello");  
  
Ext.getDom(e);  
  
Ext.getDom(e.dom);  
  
});  

•//Html頁面中包含一個id爲hello的div，代碼以下：  
  
<div id="hello">aaa</div> 

•

在上面的代碼中，Ext.getDom("hello")、Ext.getDom(e)、Ext.getDom(e.dom)等三個語句返回都是同一個DOM節點對象。

 

•get方法中只有一個參數，這個參數是混合參數，能夠是DOM節點的id、也能夠是一個Element、或者是一個DOM節點對象等。

•get方法實際上是Ext.Element.get的簡寫形式。 

•Ext.onReady(function(){  
  
  var e=new Ext.Element("hello");  
  
  Ext.get("hello"));  
  
  Ext.get(document.getElementById("hello"));  
  
  Ext.get(e);  
  
}); 

•//Html頁面中包含一個id爲hello的div，代碼以下：  
  
<div id="hello">aaa</div> 

•Ext.get("hello")、Ext.get(document.getElementById("hello"))、Ext.get(e)等三個方法均可以獲得一個與DOM節點hello對應的Ext元素。

 

•getCmp方法用來得到一個Ext組件，也就是一個已經在頁面中初始化了的Component或其子類的對象，getCmp方法中只有一個參數，也就是組件的id。

•getCmp方法實際上是Ext.ComponentMgr.get方法的簡寫形式。

•Ext.onReady(function(){    
   var myPanel=new Ext.Panel({  
   id:「myFirstPanel」,  
   title:「舊的標題",    
   renderTo:"hello", 
   width:300,   
   height:200 
});  
  
Ext.getCmp(" myFirstPanel ").setTitle("新的標題");  
  
});    

•//Html頁面中包含一個id爲hello的div，代碼以下：  
  
<div id="hello">aaa</div> 

•咱們使用Ext.getCmp(「myFirstPanel").來獲得id爲myFirstPanel的組件，並調用其setTitle方法來設置該面板的標題