Extjs顯示/隱藏的正確方法

Question

我對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();

...那什么也沒做。 然后，我發現了這個SO問題並嘗試了以下方法：

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

除了不能同時顯示Panel2中的按鈕之外，它部分起作用。 我是否應該獲取每個元素並對其進行show() ？ 我肯定錯過了什么。

Answer 1

嘗試：

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

Answer 2

我的兩個問題項的父面板是一個layout: 'card' 。 根據卡片布局上的sencha文檔，一次只能顯示一個面板。 因此，顯示其他項目的正確方法不是通過show / hide函數，而是調用PARENT_PANEL.getLayout().setActiveItem(n); 這導致我的p2面板始終處於隱藏狀態，而不受show()方法的影響。