Extjs动态加载html / javascript会出错

Question

我在我的应用程序中动态加载网格面板和关联的html。当它第二次加载时会出现这样的错误。

未捕获错误：元素缓存中具有id category-editor-grid1的DOM元素与DOM中的元素不同。确保使用destroy（）

清理Element实例

有人可以解释一下如何做到这一点吗？

Answer 1

只需将其从缓存中删除

即可

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

https://www.sencha.com/forum/showthread.php?286213-Ext-get()-throws-errors-if-the-element-has-the-same-id-as-a-recently-removed-element/

Answer 2

关键是你对网格的第一个实例做了什么。你必须使用函数destroy（）删除它。

由于您使用了id属性，因此您的面板在应用程序的整个生命周期内必须是唯一的。如果您需要同时使用两个实例，则可以使用itemId属性来代替代码中的面板。