ExtJS GridPanel中的垂直滚动条

Question

我正在开发一个项目,我在页面上有一个GridPanel.面板可以显示任意数量的行,并且我设置了autoHeight属性,这会导致GridPanel扩展以适合行数.我现在想要一个水平滚动条,因为在某些分辨率上不会显示所有列(并且我不能减少列数).

如果我设置autoHeight我没有水平滚动条,如果我没有设置它并设置固定高度我有一个水平滚动条但GridPanel显然不适合行数....

有什么办法可以解决这个问题吗？我似乎找不到能够达到我需要的结果的财产.

Answer 1

您会发现在网格面板周围放置一个父容器(Ext.panel.Panel或任何容器)才能成功.如果您在父容器上硬编码高度,宽度和布局("适合"),则子项(Ext.grid.Panel)将展开以填充其父容器中可用的整个空间.

请参阅Ext JS 4 Web应用程序开发指南的第80和81页.

您可以对'Ext.grid.Panel'使用延迟实例化表示法.意思是使用'grid'作为子容器(item)xtype属性.

Ext.create('Ext.panel.Panel', {
    title: 'parent container',
    width: 800,
    height: 600,
    layout: 'fit',
    items: {
        xtype: 'grid',
        title: 'child container',

        ... define your grid here 

    },
    renderTo: 'grand parent container'
});

Answer 2

我的想法是autoScroll: true在面板上设置.包含网格的面板.

Answer 3

这似乎是布局设置的问题，而不是对象属性的问题。

尝试将父容器的布局属性设置为“fit” - 您还可以提供代码摘录吗？