extjs - 销毁 div 元素内的 Ext 组件

Question

我有一个 Ext.Component，它通过“renderTo”属性在 div 内呈现。除了呈现它的 DOM 元素之外，我没有对该组件的任何其他引用。

如果我现在简单地从 DOM 中删除这个元素，问题是会有一些元素持续存在(即 Mask-Element 类为“x-mask”)。

是否可以以干净的方式删除和销毁 DIV 中的所有 Ext.Components，以便不会留下与它们相关的任何元素？

另一种方法是首先找到渲染到这个 div 的所有 Ext.Components，然后自己删除它们。

Answer 1

您需要(并且应该始终)通过调用 destroy(); 销毁组件本身。在组件级别。如果您有 DOM元素，您将可以访问 id .有了那个做

Ext.getCmp('cmpIdValue').destroy();

组件应该负责销毁 DOM element 并将另外清理任何托管监听器。