호 - ExtJS의 textcontent div에있는 img

Question

간단한 질문이 있습니다. 나는 템플릿을 가지고 있으며 ondblclick 때 내부로 변경하려고합니다.

Ext.get("item-{#}").dom.textContent

나는이 그 답을 CONSOLE.LOG에 쓸 <div id="item-{#}"> Item {#} <img src="remove.png" id="close" onclick="$(this).parent().remove()"/> </div>

은 "항목 {#}"정상적으로입니다.

이

내 기능입니다;

Ext.Msg.prompt('Change Note','Change your note',function(btn,text){ if (btn=='ok') { elVal.dom.textContent = text; } },null,true,elVal.dom.textContent);

는 '확인'버튼을 클릭하면 텍스트가 성공적으로 변화하지만 내 remove.png는 자신을 제거하고 있습니다. img 태그를 제거하는 이유는 무엇입니까? DOM 요소의

Answer 1

직접 조작의 ExtJS의 일반적인 방법이 아닙니다. 라이브러리는 근본적인 HTML에서 훌륭한 수준으로 추상화됩니다. 템플릿이 패널의 tpl 설정 옵션 인 경우에만 TPL (XTemplate의 경우) 또는 panel.update(data)이있는 경우 템플릿의 경우

, 당신은 tpl.overwrite(target, data)을 부를 것이다. 당신이 jQuery를 ($ 변수)과의 ExtJS의 조합을 사용하는 것처럼

또한, 보이는 - 내선 jQuery를 할 수있는 모든 플러스 훨씬 더 많은 일을 할 수있는 그 필요는 없습니다. 청취자 (클릭)에 관해서는

, 그것은 "온 클릭"속성으로 HTML 태그로 설치하지 않아야합니다. 가장 좋은 방법은 표준 Ext 함수 on에 의해 컨테이너에 리스너를 설치하는 것입니다.