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

Question

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

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

这是折叠前的图片:(一旦单击圆圈箭头，面板将展开以显示高级搜索)

这是折叠后的图像:

您将如何实现此类功能？

Answer 1

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

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