extjs - 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”。含义对子容器(项目)xtype属性使用“grid”。

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'
});