手风琴容器中可调整大小的网格

Question

我在手风琴容器内有3个网格。 我将resizable属性添加到所有3个网格的true。

但是当我尝试调整任何网格的大小时，它们会被上下拉动，而不是增长，占用空间。

可能出现什么问题？

Ext.define('MCS.view.task.Mygrid', {    
    requires: ['MCS.view.task.Mytoolbar'],
    extend: 'MCS.view.base.grid',
    alias: 'widget.myGrid',

    itemId: 'myGrid',
    stateId: 'myGrid',
    iconCls: 'icon-application',
    cls: "mcs-header2 mcs-accordion-item  x-docked-noborder-top mcs-border-bottom",
    bodyCls: "mcs-grid-body",
    collapsible: true,
    border: true,
    hideMode: 'offsets',

    resizable: true,

    flex: 1,

    store: 'task.My',

    viewConfig: {
        loadMask: false
    },

    dockedItems:
    [
       //stuff here
    ]
});

Accordion（第三个网格动态添加到手风琴底部）

xtype: 'container',
    flex: 3,
    layout: { type: 'accordion', border: false, multi: true, fill: false },
    items: [
        { xtype: 'myGrid' },
        { xtype: 'pendingGrid' }
    ]