ExtJS 3.3 中的水平滚动网格

Posted 2023-02-26

【中文标题】ExtJS 3.3 中的水平滚动网格

【英文标题】：Horizontally Scrollable Grid in ExtJS 3.3

【发布时间】：2013-02-25 17:46:21

【问题描述】：

我是 ExtJS 的新手，很难在 600 像素宽的 Ext.grid.EditorGridPanel 中容纳大量列（参见下面的示例）。将所有网格列一起滚动或类似the second grid shown in this example (Ext 4) 的东西就可以了。

var grid = new Ext.grid.EditorGridPanel(
    this.getGridConfig('', ['a', 'b', 'c', '...', 'x', 'y', 'z'], [
        
            dataIndex: 'a',
            header: 'A',
            editor: new Ext.form.TextField(width: 200, allowEmpty: false)
        ,
        
            dataIndex: 'b',
            header: 'B',
            editor: bCombo,
         /* many more column definitions here... */],
        definitions,
        'disabled'
    )
);

我尝试将autoScroll = true 设置在几个不同的级别，但没有任何运气。 ExtJS 3.3 中是否有一种机制可以处理大量网格列，类似于为handling tabs 提供的机制？

【参考方案1】：

我已经解决了这个问题，方法是用下面的面板包裹 Ext.grid.EditorGridPanel 并调整它的宽度以很好地适应所有列。

var gridPanel = new Ext.Panel(
    width: '100%',
    height: '100%',
    renderTo: Ext.getBody(),
    autoScroll: true
);