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