среда, 21 августа 2013 г.

Схлопывание боковой панели

Оказалось, что версия 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();
        }
    }
}


Комментариев нет:

Отправить комментарий