Extjs 手风琴布局

Question

手风琴布局是堆叠面板布局，一次只有一个面板可见，但我想同时显示两个可见面板，所以我们可以使用手风琴面板来做到这一点吗？

Answer 1

您无法扩展现有的 Accordion Layout 类来实现您想要的效果。如果您查看源代码，您会注意到 Accordion 布局是通过扩展 FitLayout 创建的。现在，我引用文档中解释的 FitLayout 属性：

这是布局的基类，
包含一个项目
自动扩展以填充
布局的容器。

该文档进一步指出：

如果容器有多个面板，
仅显示第一个。

现在，提问者要求的是同时显示两个面板。对于从 FitLayout 扩展的任何布局来说，这是根本不可能的。

其他问题：

提问者计划实现的组件存在一些设计问题；

1. 当前显示的面板将占用多少空间？
2. 手风琴行为将如何运作？当用户尝试访问第三个面板时..当前打开的面板的行为如何。

可能的解决方案：

现在，一种可能的解决方案是使用 vbox 布局扩展一个面板并将所有面板包含在其中。

Answer 2

在 Ext js 4.1 中可以通过使用 Accordion 布局的 multi 属性来实现。

检查 文档< /a> 这里..

Answer 3

我确信您无法使用现有的 AccordionLayout 来做到这一点。

您可以编写自己的布局类来做到这一点。这并不难，AccordionLayout.js 只有几页长，大部分都是注释。

Answer 4

手风琴布局不是为此设计的。根据您的要求选择布局就像尝试将球体放入矩形中一样。

然而，如果你用枪指着我的头，我很快就会想到以下选择。

1. 扩展现有的 Accordion 类（丢弃。因为基础不是为此设计的）
2. 编写您自己的神奇 Accordion（除了实现之外，您还必须回答 Abdel Olakara 提到的问题，您自己 ）
3. 通过堆叠两个或多个手风琴来模仿所需的行为（好吧，这不是一个好主意，但枪在我头上）。