ExtJS 5 Разделенная панель/кнопка показывает цвет фона на панели

У меня есть панель с двумя дочерними панелями. Я пытаюсь использовать collapseMode: 'mini' на верхней панели. Кажется, что функциональность работает, но цвет фона отображается вместе с кнопкой сворачивания. Это никогда не было проблемой, когда я работал на ExtJS 4, но обновление до 5, похоже, что-то испортило.

Как я могу сделать так, чтобы цвет фона не отображался на панели?

initComponent: function() {
    var me = this;

    Ext.applyIf(me, {
        items: [ {
            xtype: 'myApp-PnlOne',
            region: 'north',
            header: false,
            split: true,
            collapsible: true,
            collapseMode: 'mini',
            border: false,
            bodyCls: 'viewPanelBody'
        },{
            xtype: 'myApp-PnlOne',
            region: 'center',
            header: false,
            layout: 'fit'
        }]
    });

    me.callParent(arguments);
},

Как выглядит:

введите здесь описание изображения


javascript extjs extjs5
person trama    schedule 05.09.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я думаю, что у меня была такая же проблема, в моем случае это было присвоение класса "x-autocontainer-innerCt". Я исправил это с помощью пользовательского класса CSS для элемента. Если вы дадите панели идентификатор, вы можете добавить код CSS для «#-innerCt.x-autocontainer-innerCt». Пример:

...
items: [ {
            id: 'top-panel',
            xtype: 'myApp-PnlOne',
            region: 'north',
            header: false,
            split: true,
            collapsible: true,
            collapseMode: 'mini',
            border: false,
            bodyCls: 'viewPanelBody'
        }...

css-код:

#top-panel-innerCt.x-autocontainer-innerCt
{
  background-color: #FFFFFF;/*specify the background color you want here or use transparent*/
}
person johnjg12    schedule 15.01.2015