Javascript Extjs正确的显示/隐藏方式

我对Extjs有点陌生，我正在尝试找出显示/隐藏元素的正确方法

我有以下几点：

layout: 'card',
items: 
[
 {
  xtype: 'Panel1'
 },
 {
  xtype: 'Panel2'
 }
]

在我的控制器中，我设置了以下参考：

refs: [
{
 ref: 'p1',
 selector: 'Panel1'
},
{
 ref: 'p2',
 selector: 'Panel2'
}
],

每个面板都有一个窗体，底部有两个按钮。面板2隐藏在开头。现在我想显示面板2并隐藏面板1。首先，我尝试：

this.getp1().hide();
this.getp2().show();

…但那没用。然后，我发现并尝试了以下内容：

this.getp1().getEl().hide();
this.getp2().getEl().show();

除了无法显示Panel2中的按钮外，它部分工作。我应该得到每个元素和

show（）

每个元素吗？我一定错过了什么。

试试：

this.getP1().hide(); //the first letter should be uppercase
this.getP2().show();

尝试：

this.getP1().hide(); //the first letter should be uppercase
this.getP2().show();

---

我的两个问题项的父面板是

布局：“卡片”

。根据图纸，一次只显示一个面板。因此，显示其他项目的正确方式不是通过show/hide函数，而是调用

父面板.getLayout（）.setActiveItem（n）导致我的p2面板始终处于隐藏状态，并且不受
show（）
方法的影响。
我的两个问题项的父面板是
布局：“卡”
。根据图纸，一次只显示一个面板。因此，显示其他项目的正确方式不是通过show/hide函数，而是调用

父面板.getLayout（）.setActiveItem（n）导致p2面板始终处于隐藏状态，并且不受
show（）
方法的影响。
否，您应该明确显示/隐藏组件。没有足够的信息。需要什么额外的信息？一个有效的例子，你不能只发布这样的小片段。当然，不仅仅是这个。原来我把这些元素放进了一个有
布局：'card'
的容器中。一旦我注释了这个布局，它就工作了——一旦我知道如何在一张卡上设置ActiveItem，它就工作得更好了。我编辑了我的问题，如果您愿意，我会让您回答。不，您应该最明确地显示/隐藏组件。没有足够的信息。需要什么额外的信息？一个有效的例子，你不能只发布这样的小片段。当然，不仅仅是这个。原来我把这些元素放进了一个有
布局：'card'
的容器中。一旦我注释了这个布局，它就工作了——一旦我知道如何在一张卡上设置ActiveItem，它就工作得更好了。我编辑了我的问题，如果你愿意，我会让你回答的。