Extjs4.1.1GA GridPanel滚动条未显示

Question

以下是我正在处理的应用程序的简单代码：

           {
            xtype: 'tabpanel',
            activeTab: 0,
            layout: 'fit',
            items: [
                {
                    xtype: 'gridpanel',
                    title: 'Proposed Benchmarkss',
                    store: 'BenchmarkLookupStore',
                    plugins: [cellEditing],
                    scroll: true,
                    columns: [
                        new Ext.grid.RowNumberer(),
                        {
                            dataIndex: 'code',
                            text: 'Code',
                            flex: 1
                        }

                    ]
                },
                {
                    xtype: 'panel',
                    title: 'Additional Comments',
                    layout: 'fit',
                    items: [
                        {
                            xtype: 'htmleditor'
                        }
                    ]
                }
            ]
        }

我使用的是Extjs4.1.1 GA，记录数为300，但我没有在网格面板上看到滚动条。我把scroll：true，但我还没看到滚动条。 我获得滚动条的唯一方法是在gridpanel上放置高度：200。

很奇怪！

建议？

Answer 1

通过在选项卡面板中放置适合布局的多个项目，您可能会混淆布局引擎。它旨在拉伸单个项目以占据其父元素的整个主体。我将更改为使用选项卡面板上的vbox布局而不是适合布局，并为网格面板和其他注释面板指定flex或height属性（可能是注释上的设置高度（以像素为单位）和flex：在网格面板上为1： 。此外，如果此处未显示的选项卡面板中有任何容器，请确保它们具有布局设置并正确应用。