Question

我已使用以下内容向我的视图添加内容： Ext.getCmp('mainpage').add({items:thecarousel});

thecarousel 是一个代表我的轮播及其内容的数组。这一切都按照我的要求运作。这是代码：

var thecarousel = { 
                   xtype: 'carousel',
                   width: '100%',
                   height: '100%',
                   itemId: 'thecarousel',
                   id: 'carousel',
                   defaults: {
                       styleHtmlContent:true,
                         },

                         items: allcharts, 
                        }

                Ext.getCmp('mainpage').add({items:thecarousel});
                Ext.Viewport.setMasked(false);// remove loading message`

我正在寻找的是一种与此相反的方法，并从视图中删除轮播。

我未能成功尝试以下内容：

Ext.getCmp（ '炫魅'）。除去（ '转盘'，假）
Ext.getCmp（ '炫魅'）除去（{项目： '转盘'}）
Ext.getCmp（ '炫魅'）。除去（ '转盘'，真）

Answer 1

如果您使用id: 'carousel'，可以这样做：

Ext.getCmp('mainpage').remove(Ext.getCmp('carousel'))

您也可以使用组件查询来执行此操作：

var main = Ext.getCmp('mainpanel');
main.remove(main.down('#carousel'));//added missing closing brackets
//OR, if there is only one component of xtype 'carousel' on your mainpanel:
main.remove(main.down('carousel'));

我个人会避免使用ID并使用第二种方法（如果需要，您可以给轮播一个itemId: 'carousel'并仍然使用main.remove(main.down('#carousel'))。

Sencha与Ext.getCmp相对（＆＃39; mainpage＆＃39;）。add（{items：stuff}）;

1 个答案: