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

Posted 2023-02-26

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

【英文标题】：extjs 5 grid's scrollbar does not work in border layout panel

【发布时间】：2014-12-23 07:54:04

【问题描述】：

在边框布局面板中，即使grid的存储时间长到足以让grid溢出，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

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

【参考方案1】：

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

【讨论】：

说的太对了。将布局设置为正确的值非常重要。不仅如此，如果您对任何面板使用 DOCK 属性，甚至需要考虑它的使用方式。