Оказалось, что версия ExtJs 4.0.7 позволяет создавать скрываемые боковые панели без помощи layout: 'border'. На что следует обратить внимание:
1. Нужно определить обработчики для событий expand и collapse боковой панели, которые заново отрисуют панель. Если этого не сделать, панель будет пропадать. При ресайзе окна браузера она будет появляться снова.
2. Установить ширину панели в пикселях, иначе проблемы, описанные в п.1, не исчезнут.
3. Запретить анимацию при схлопывании панели. Потому что она неудачная.
{
xtype: 'panel',
title: 'Фильтр',
collapsible: true,
collapseDirection: 'left',
animCollapse: false,
headerPosition: 'top',
width: 400,
listeners: {
collapse: function(panel) {
panel.doComponentLayout();
},
expand: function(panel) {
panel.doComponentLayout();
}
}
}
1. Нужно определить обработчики для событий expand и collapse боковой панели, которые заново отрисуют панель. Если этого не сделать, панель будет пропадать. При ресайзе окна браузера она будет появляться снова.
2. Установить ширину панели в пикселях, иначе проблемы, описанные в п.1, не исчезнут.
3. Запретить анимацию при схлопывании панели. Потому что она неудачная.
{
xtype: 'panel',
title: 'Фильтр',
collapsible: true,
collapseDirection: 'left',
animCollapse: false,
headerPosition: 'top',
width: 400,
listeners: {
collapse: function(panel) {
panel.doComponentLayout();
},
expand: function(panel) {
panel.doComponentLayout();
}
}
}
Комментариев нет:
Отправить комментарий