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

Question

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

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

这是崩溃前的图像:(一旦点击带圆圈的箭头，面板将展开以显示高级搜索）

这是崩溃后的图像：

你将如何实现这样的功能？

Answer 1

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

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