Javascript ExtJs手风琴布局折叠

我已经创建了一个手风琴布局，并添加了一些面板，如图所示。它工作得很好

var changePasswordDlg = new MaPPE.changePasswordDlg();
var lostPasswordDlg = new MaPPE.lostPasswordDlg();
var personalInfoDlg = new MaPPE.personalInfoDlg();
var selectLangDlg = new MaPPE.selectLangDlg();
var visibilityDlg = new MaPPE.visibilityDlg();

var config = {
    layout: 'accordion',
    title: '',
    bodyStyle: 'background-color:#DFE8F6',
    items:[
    changePasswordDlg,
    lostPasswordDlg,
    personalInfoDlg,
    selectLangDlg,
    visibilityDlg
    ]
};

每个对话框都是一个面板，有一个取消按钮。我希望每个面板的取消按钮从手风琴布局折叠当前面板。如何做到这一点

---

我试着搜索它，发现将

expand

设置为false就可以了。但是我找不到在哪个组件上调用

expand

函数

根据面板的布局，取消按钮应该能够执行以下操作：

this.ownerCt.expand();

然而，如果你正在改变布局，这会变得复杂和脆弱。最好在“取消”按钮的配置中将面板设置为属性，并在按钮的处理程序中使用它：

var cancelButton = new Ext.Button({other: 1, config: 2, items:3, mySettingsDialog: this}); 
// where this is a reference to the encompassing dialog panel

然后在处理程序中：

this.mySettingsDialog.expand();

---

除非您更改了按钮，否则处理程序的作用域默认为按钮。

fireEvents对于具有所需操作的父容器，hanler函数应该执行您想要的扩展/折叠操作