2011-12-15 4 views
2

У меня есть сетка, в которой я хотел бы иметь 2 столбца. Я хочу, чтобы первый столбец имел ширину 100 и второй столбец, чтобы заполнить оставшуюся ширину в сетке.ExtJS Gridpanel Column width + forcefit

Любые идеи?

EDIT

sensorListPanel = new xg.GridPanel({ 
    id: 'sensorListPanel', 
    region: 'west', 
    width: 415, 
    viewConfig: { 
     forceFit:true, 
     //fitcontainer:true 
    }, 
    store: sensorStore, 
    cm: new xg.ColumnModel({ 
     defaults: { 
      width: 120, 
      sortable: true 
     }, 
     columns: [ 
      smSensors, 
      {id:'Station',header: "Station", width: 95, dataIndex: 'gml_id'}, 
      {id:'Description', header: "Description", dataIndex: 'description'} 
     ] 
    }), 
    sm: smSensors, 
    columnLines: true, 
    title:'Sensors', 
}); 

ответ

2

попробовать установить forceFit в viewconfig

viewConfig:{forceFit:true} 

Указав forceFit: истинно, нефиксированные столбцы ширина будет повторно распределяемый (на основе относительной начальной ширину) для заполнения ширины сетки.

+0

Когда я это сделаю, столбцы разделены на 2 и равномерно распределены. Пожалуйста, см. Код, который я только что опубликовал. Благодаря!!! – gberg927

+1

удалить ширину из настроек по умолчанию config модели столбца – MMT

+0

проверить http://jsfiddle.net/Bx4Bx/ – MMT

0

вы можете использовать конфигурацию autoExpandColumn, которая присутствует на Grid.

{ 
    xtype : 'grid', 

    cm : //Your Column model Code, 

    autoExpandColumn : COLUMN_NAME_FROM_COLUMN_MODEL 
} 

В модели столбцов вы можете указать ширину для столбцов с фиксированной шириной.

Смежные вопросы