2

我有两个嵌套布局mainLayout，westlayout它们看起来像这样：

 ____________________________
|        |                  |          
|        |                  |          
|  W-C   |                  |
|        |        C         |
|________|                  |
|        |                  |
|  W-S   |                  |
|________|__________________|

主布局由两个窗格（West 和 Center）组成。westlayout 还包含两个窗格（Center 和 South）。

现在我在 mainLayout 的西窗格中添加了一个自定义切换器mainLayout.sizePane("west", x)，根据窗格的状态，x 可以是 40 或 300。

初始状态是所有面板都像这样打开：

在此处输入图像描述

当我第一次单击切换器时，完整的西窗格将动画到 40px 宽度，这是正确的。状态现在看起来像这样：

在此处输入图像描述

现在，如果我再次单击切换器，疼痛应该会回到其初始（300 像素）宽度。同样，我只sizePane("west", 300)在主布局上使用。这基本上可以工作，但是在从 40px 状态到 300px 状态的动画期间，由于某种原因，只有西-南窗格被动画化，而西-南窗格完成动画后，西-中窗格“弹出”回 300px。

在动画期间，它看起来像这样：

在此处输入图像描述

窗格的 layoutOptions 几乎是默认设置。以下是与默认值的区别（每个窗格都相同）：

{
            paneSelector                : '.' + $container.attr('class'),
            minSize                     : (subRegion.minSize>0) ? subRegion.minSize : 0,
            size                        : (subRegion.size>=0) ? subRegion.size : "auto",
            initHidden                  : subRegion.hidden,

            fxSpeed                     : 200,
            animatePaneSizing           : true,
            spacing_open                : 3,
            spacing_closed              : 3,
            triggerEventsDuringLiveResize : true,
            resizerDblClickToggle: false,
            onresize                    : onResize,
}
  • sizePane使用嵌套布局时有什么需要注意的吗？
  • 我错过了对子布局或其他什么的调用吗？
4

0 回答 0