sencha-touch - Sencha Touch - 添加到视口时生成一个面板的多个实例

Question

我在面板内生成了字段集（文本框、选择字段等）。登录完成后，我使用来自我的 controller.js 的波纹管代码显示此面板

Ext.Viewport.add({xtype: 'IntakePanel'});
Ext.Viewport.setActiveItem({xtype: 'IntakePanel'});

但是在此之后，如果我尝试检查，我会发现那里有两个面板

如下图所示

因此，如果我尝试访问面板的字段，我会得到长度为 2/4 的数组等。我尝试使用删除它

  Ext.Viewport.remove(Ext.Viewport.getActiveItem(), true);

但没有多大帮助。

请帮助我。谢谢

score 0 · Accepted Answer

我认为框架正在重新实例化您的组件，因为当您仅传递 xtype 时，它无法知道您正在尝试引用与以前相同的实例。尝试将 id 添加到您的实例，而不是将 xtype 传递给 setActiveItem，而是为其提供组件查询的结果。

Ext.ComponentQuery.query('#yourCompoId'):

1 回答 1