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

Question

在 border layout panel 中，grid 的滚动条不能正常工作，即使 grid 的 store 长到足以使 grid 溢出!

如果我的网格在无边框布局面板中，滚动条没问题，但是当我将网格放在边框布局面板中时，要么没有滚动条，要么有无效的滚动条!

{
        // 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 fiddle:https://fiddle.sencha.com/#fiddle/ffv

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

Answer 1

您应该确保为组件的容器设置布局，并确保像网格这样的容器具有弹性值以正确分配空间。 See corrected fiddle here