2

mainLayout次のように、と の2 つのネストされたレイアウトがありwestlayoutます。

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

メイン レイアウトは 2 つのペイン (西と中央) で構成されます。westlayout も 2 つのペイン (中央と南) で構成されています。

mainLayout.sizePane("west", x)ここで、ペインの状態に応じて x が 40 または 300 になるカスタム トグルを mainLayout の西ペインに追加しました。

初期状態では、次のようにすべてのパネルが開いています。

ここに画像の説明を入力

初めてトグルをクリックすると、完全な西ペインが 40px 幅にアニメーション化され、正しく動作します。状態は次のようになります。

ここに画像の説明を入力

トグラーをもう一度クリックすると、痛みは最初の幅 (300px) に戻るはずです。繰り返し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