EXT-get, getDom, getCmp, getBody, getDoc의 차이

개발자 블로그:www.developsearch.com
ext에는 get으로 시작하는 몇 가지 방법이 포함되어 있습니다. 이 방법은 문서의 DOM을 얻고, 현재 문서의 구성 요소를 얻고, ext 요소를 얻는 데 사용할 수 있습니다. 사용 중에는 구별에 주의해야 합니다.1. get 방법 get 방법은 하나의 Ext 요소, 즉 유형이 Ext. Element인 대상을 얻는 데 사용된다. Ext. Element 클래스는 Ext가 DOM에 대한 봉인이다. DOM을 대표하는 요소로 모든 DOM에 대응하는 Element 대상을 만들 수 있다. Element 대상의 방법을 통해 DOM에 대한 지정한 조작을 실현할 수 있다. 예를 들어hide 방법으로 요소를 숨길 수 있고 initDD 방법으로 지정한 DOM이 드래그 기능을 가지게 할 수 있다.get 방법은 사실 Ext. Element입니다.get의 약자 형식입니다.get 방법에는 하나의 매개 변수만 있습니다. 이 매개 변수는 혼합 매개 변수입니다. DOM 노드의 id일 수도 있고, Element일 수도 있고, DOM 노드의 대상일 수도 있습니다.다음 예제 코드를 참조하십시오.

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

 
Html 페이지에는 id가 hello인 div가 포함되어 있습니다. 코드는 다음과 같습니다. Ext.get("hello"), Ext.get(document.getelementById("hello"), Ext.get(e) 등 세 가지 방법으로 DOM 노드 hello에 대응하는 Ext 원소를 얻을 수 있습니다.2, getCmp 메서드 - Ext 구성 요소를 가져옵니다.getCmp 방법은 Ext 구성 요소, 즉 이미 페이지에서 초기화된 Component나 하위 클래스의 대상을 얻는 데 쓰인다. getCmp 방법은 사실 Ext.ComponentMgr이다.get 방법의 약어 형식입니다.getCmp 방법에는 하나의 인자, 즉 구성 요소의 id만 있습니다.예를 들어 다음 코드:

Ext.onReady(function(){ 
  var h=new Ext.Panel({ 
  id:"h2", 
  title:"　", 
  renderTo:"hello", 
  width:300, 
  height:200}); 
  Ext.getCmp("h2").setTitle(" "); 
}); 

코드에서 Ext.getCmp("h2")를 사용합니다.id가 h2인 구성 요소를 가져오고 setTitle 방법을 호출하여 이 패널의 제목을 설정합니다.3. getDom 방법 - DOM 노드를 얻는 getDom 방법은 문서의 DOM 노드를 얻을 수 있습니다. 이 방법에는 DOM 노드의 id, DOM 노드 대상 또는 DOM 노드에 대응하는 Ext 요소(Element) 등이 포함될 수 있습니다.예를 들어 다음 코드:

Ext.onReady(function(){ 
  var e=new Ext.Element("hello"); 
  Ext.getDom("hello"); 
  Ext.getDom(e); 
  Ext.getDom(e.dom); 
}); 
Html： 
<div id="hello">tttt</div> 

위의 코드에서 Ext.getDom("hello"), Ext.getDom(e), Ext.getDom(e.dom) 등 세 문장이 같은 DOM 노드 대상으로 되돌아옵니다.4, getBody 메서드 - 문서의 body 노드 요소(Element)를 가져옵니다.이 방법은 문서와 문서를 직접 얻을 수 있습니다.body라는 DOM 노드에 대응하는 ExtJS 요소(Element)는 실질적으로 document입니다.body 객체는 매개변수가 없는 ExtJS 요소 객체로 봉인되어 반환됩니다.예를 들어 아래의 코드는 패널 h를 문서의 바디 요소에 직접 렌더링합니다.

Ext.onReady(function(){ 
  var h=new Ext.Panel({title:" ",width:300,height:200}); 
  h.render(Ext.getBody()); 
}); 

5. getDoc 방법 - document에 대응하는 Ext 요소(Element)를 얻는 getDoc 방법은 실질적으로 현재 html 문서 대상, 즉 document 대상을 ExtJS의 Element 대상으로 봉인하여 되돌려주는 것이다. 이 방법은 어떠한 매개 변수도 가지고 있지 않다.
 
개발자 블로그:www.developsearch.com