Горизонтально прокручиваемая сетка в ExtJS 3.3

Question

Я новичок в ExtJS и с трудом вмещаю большое количество столбцов в Ext.grid.EditorGridPanel шириной 600 пикселей (см. Пример ниже). Прокрутка всех столбцов сетки вместе или что-то похожее на 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?

Answer 1

Я решил эту проблему, обернув Ext.grid.EditorGridPanel панелью ниже и отрегулировав ее ширину, чтобы удобно разместить все столбцы.

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