extjs 5网格的滚动条在边框布局面板中不起作用

Question

在边框布局面板中，即使网格存储足够长以使网格溢出，网格的滚动条也无法正常工作！

如果我的网格在无边框布局面板中，滚动条就可以了，但是当我将网格放在边框布局面板中时，要么没有滚动条，要么滚动条无效！< / p>

{
        // what i want is  to make this grid to scroll ! the scroll-bar is nested in a border layout panel.
        xtype: 'grid',
        title: 'west bottom grid(I am begging for your scrollbar !)',
        columns: [{
            text: 'header',
            dataIndex: 'header'
        }],
        store: Ext.create('MyApp.OverflowStore'), //this store is long enough to make the grid overflow
        autoScroll: true
    }

完整代码：请参阅sencha小提琴：https://fiddle.sencha.com/#fiddle/ffv

如果有人可以帮助为网格提供正确的滚动条？

Answer 1

您应确保为组件设置布局＆＃39;容器以及确保像网格一样的容器具有flex值以正确分配空间。 See corrected fiddle here