问题 - 在ExtJS中的textcontent div中的img

时间:2014-05-22 15:02:25

标签: jquery dom extjs extjs4.2

我有一个简单的问题要问你。我是一个模板,我想在ondblclick上改变内部。 <div id="item-{#}"> Item {#} <img src="remove.png" id="close" onclick="$(this).parent().remove()"/> </div>

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

当我把它写到console.log时,答案是&#34;项目{#}&#34;照常。

这是我的功能;

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标签?

1 个答案:

答案 0 :(得分:0)

直接操作DOM元素在ExtJS中并不常见。该库在很大程度上从底层html中抽象出来。

对于模板,如果您只有tpl(XTemplate实例)或tpl.overwrite(target, data),如果模板是面板的panel.update(data)配置选项,则会调用tpl

此外,看起来你正在使用jQuery($ variable)和ExtJS的组合 - 这通常是不必要的,因为Ext可以做jQuery可以做的所有事情以及更多。

对于听众(点击),它不应该像html标签一样安装为&#34; onclick&#34;属性。最好的方法是通过标准的Ext函数on在容器上安装监听器。