javascript - Uncaught Error : DOM element with id x in Element cache is not same as element in DOM

Question

我在 UI 中的按钮 Click 事件上有以下代码，它返回一个 MS-Excel 文件。它在第一次点击事件中完美运行，但之后返回以下错误。

任何建议，我怎样才能摆脱它？

ERROR: Uncaught Error: DOM element with id iframe in Element cache is not the same as element in the DOM. Make sure to clean up Element instances using destroy()

{
var body = Ext.getBody();
var frame = body.createChild({
tag:'iframe'
,cls:'x-hidden'
,id:'iframe'
,name:'iframe'
});

var form = body.createChild({
 tag:'form'
,cls:'x-hidden'
,id:'form'
,params: cloneExportObject
 ,method: 'post'
,action:link
,target:'iframe'
,enctype: 'application/x-www-form-urlencoded'
,encoding: 'application/x-www-form-urlencoded'
});

var hiddenItem1 = document.createElement('input');
Ext.fly(hiddenItem1).set({
type: 'hidden',
value: cloneExportObject.securityId,
name: 'securityId'
});
form.appendChild(hiddenItem1);

var hiddenItem2 = document.createElement('input');
Ext.fly(hiddenItem2).set({
type: 'hidden',
value: cloneExportObject.uniqueSearchId,
name: 'uniqueSearchId'
});
form.appendChild(hiddenItem2);

form.dom.submit();
}

Answer 1

if(Ext.Element.cache.hasOwnProperty(domId)){
            Ext.Element.cache[domId].destroy();
        }

        var domElement = Ext.get(domId);