Ext 잡기

3109 단어 ext
1.applyTo는 지정한 요소를 직접 사용하여 구성 요소를 생성하고,renderTo는 지정한 용기 내부에서 구성 요소를 생성합니다. (이 요소는 용기로 사용됩니다)
2. Ext.fly 및 Ext.get
Ext. Element는 Element 요소에 대한 강력한 봉인으로dom에 대한 조작이 편리한 인터페이스를 많이 봉인한다. (그리고 Element의dom 속성을 통해 대응하는dom 요소를 인용한다.) 따라서 Element 요소를 만들 때마다 적지 않은 메모리(주로 대량의 인터페이스 소모)를 소모하기 때문에 너무 많은 Element 요소를 만들면 메모리 사용의 급증과 시스템 성능의 하락을 초래할 수 있다.
Ext.get과 Ext.fly가 되돌아오는 것은 모두 하나의 Element 대상이지만, Ext.get이 되돌아오는 것은 하나의 독립된 Element입니다. 자신의 독립된 조작 인터페이스를 가지고 봉인되어 있으며, 그 되돌아오는 값을 변수에 저장하여 나중에 조작을 호출할 수 있도록 합니다. 이렇게 하면 다시 사용하기에 편리합니다.그러나 그것의 큰 단점 중 하나는 메모리 소모 문제이다. 만약에 Ext.get (id) 1000번을 호출하면 메모리에 1000개의 독립된 Element를 만들 것이다. 메모리가 차지하는 것은 짐작할 수 있다.그러나 많은 경우에 우리는 이dom 요소에 대해 간단한 조작만 할 수 있다. 예를 들어 숨기기 (hide) 등이다. 이렇게 하면 매번 독립된 Element를 만들어서 메모리에 넣는 것은 메모리에 대한 엄청난 낭비이기 때문에 우리가 조작이나 간단한 조작을 한 번만 수행할 때 Ext.get을 사용하는 것은 매우 불합리하다.Ext.fly는 이 문제를 해결하기 위해 발생했습니다. 매번 생성되는 Element 공유 메모리의 조작 인터페이스를 통해 메모리를 절약하는 효과를 냅니다.
3. Ext.get 및 Ext.getCmp
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, :
<div id="hello">tttt</div>

Ext.get("hello")、Ext.get(document.getElementById("hello"))、Ext.get(e) DOM hello Ext 。

 
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 방법을 호출하여 이 패널의 제목을 설정합니다.
4 Ext.getDom
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 노드 대상으로 되돌아옵니다.
 
<a href="#" onclick="window.opener=null;window.open('','_self');window.close();" >  </a >
 

좋은 웹페이지 즐겨찾기