キャッチされていないエラー：要素キャッシュ内のID xのDOM要素がDOMの要素と同じではありません

Question

MS-Excelファイルを返すボタンClickイベントのUIに次のコードがあります。最初のクリックイベントでは完全に機能しますが、その後に次のエラーを返します。

どのような提案が、私はそれを取り除くことができますか？

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);