ExtJS 3.3中的水平可滚动网格

时间:2013-02-25 17:46:22

标签: extjs extjs3

我是ExtJS的新手,并且很难在600px宽的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 个答案:

答案 0 :(得分:2)

我已经通过将Ext.grid.EditorGridPanel包含在下面的面板并调整其宽度来很好地容纳所有列来解决了这个问题。

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