可滚动属性网格容器 - extJS

Question

我正在努力在extJS中创建一个容器，它将动态添加属性网格，具体取决于用户单击表单中另一个网格上的行。我想要这个容纳属性的容器 网格可滚动，以便容器保持固定大小，但用户可以添加或删除内部的属性网格。

以下是我用于创建容器的代码片段：

Ext.define('SSAF.plugin.CHEF.view.chefAttributeGridContainer', {
    extend: 'Ext.container.Container',
    autoScroll: true,
    layout: {
        type: 'vbox'
    },
    width: 400,
    border: 1,
    style: {borderColor:'#000000', borderStyle:'solid', borderWidth:'1px'},
    defaults: {
        labelWidth: 80,
        // implicitly create Container by specifying xtype
        xtype: 'datefield',
        flex: 1,
        style: {
            padding: '10px'
        }
    },
    items: [
        Ext.create('SSAF.plugin.CHEF.view.chefRunListAttributesGrid'),
        Ext.create('SSAF.plugin.CHEF.view.chefRunListAttributesGrid'),
        Ext.create('SSAF.plugin.CHEF.view.chefRunListAttributesGrid'),
        Ext.create('SSAF.plugin.CHEF.view.chefRunListAttributesGrid'),
        Ext.create('SSAF.plugin.CHEF.view.chefRunListAttributesGrid')
    ]
});

虽然我已将autoScroll属性添加到我的网格中，但我没有收到预期的效果。

以下是目前的情况：

我希望它像我布局中的所有其他组件一样保持固定大小：

为了达到我的欲望效果，我知道自己可能缺少什么？

由于

Answer 1

我能够用这篇文章提供的解决方案来解决我的问题：

Grid AutoScroll