Javascript 创建自定义折叠面板-Extjs 4.0a2

好的，这里有一个简单的。 我需要创建一个简单的自定义面板，将有一个折叠功能。 问题是我需要控制折叠按钮的位置，我需要控制折叠模式UI（也就是说，我希望面板在折叠模式下显示一些东西，而不仅仅是标题）

例如： 我想创建一个嵌套在应用程序页面上方的视口中的搜索面板。每个页面都可以访问搜索面板标题及其可折叠的高级搜索表单。在折叠模式下，只有简单的搜索和标题可见

下面是折叠前的图像：（单击圆圈箭头后，面板将展开以显示高级搜索）

以下是折叠后的图像：

---

您将如何实现这些功能？

我将在vbox布局中使用两个面板，顶部包含基本搜索，底部包含高级搜索

在顶部面板中，我只需添加一个向下箭头的图像，并处理onclick事件以切换底部面板