我有一个简单的问题要问你。我是一个模板,我想在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标签?
答案 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
在容器上安装监听器。