extjs - Sencha：使用 CSS 类删除动态创建的组件

Question

在我的 sencha 移动网络应用程序中，我在视图中动态创建了元素/容器。

每个都有一个唯一的 id，但都是相同的 css 类。

我正在尝试找到一种使用 css 类删除它们的方法。我需要使用 css 类而不是 id 的原因是无法在运行时确定创建的数量。

我已经尝试过Ext.select('.myContainer').remove();，但给出错误“没有方法'删除'”

我也试过
var main = Ext.getCmp('mainpage');
main.remove(main.down('.siteContainer'));

但这根本没有任何作用。

我还是 Sencha 的新手。任何建议将不胜感激。

我希望类似于 jquery 的东西可以$('.classname').remove()同时处理多个元素。

Answer 1

您尝试使用removeNode还是使用destroy？

Answer 2

我通过使用 jquery 获取具有相同类的每个组件的 ID 来解决它，然后在获取的 ID 上使用 senchas destroy() 。

$( $('.siteContainer') ).each(function( index ) {
var thiscont = $(this).attr('id');
Ext.getCmp(thiscont).destroy();
});