Изменение размера с помощью sizePane приводит к неправильной анимации в jquery-ui-layout

У меня есть два вложенных макета mainLayout и westlayout который выглядит так:

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

Основной макет состоит из двух панелей (западная и центральная). Westlayout также состоит из двух панелей (Центр и Юг).

Теперь я добавил пользовательский переключатель на западную панель mainLayout, который делает mainLayout.sizePane("west", x) где х может быть 40 или 300 в зависимости от состояния панели.

Начальное состояние - все панели открываются следующим образом:

Когда я нажимаю на переключатель в первый раз, вся западная панель анимируется до ширины 40 пикселей, что работает правильно. Состояние выглядит сейчас так:

Теперь, если я снова нажму на переключатель, боль должна вернуться к первоначальной ширине (300 пикселей). Опять я использую только sizePane("west", 300) на основном макете. Это будет работать в основном, но во время анимации из состояния 40px в состояние 300px по какой-то причине анимируется только панель запад-юг, а панель западного центра "возвращается" обратно к 300px после завершения анимации панели запад-юг.

Во время анимации это выглядит так:

Параметры layoutOpes для панелей довольно много по умолчанию. Вот отличия от настроек по умолчанию (каждая панель имеет одинаковое значение):

{
            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 с вложенными макетами?
  • Я пропускаю какие-либо вызовы для дочерних макетов или что-то?

0 ответов

Другие вопросы по тегам