2011-12-15 15 views
2

私は、2列を持っていたいと思うグリッドパネルを持っています。最初の列の幅を100、2列目をグリッドパネルの残りの幅にします。ExtJSグリッドパネル列幅+ 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

カラムモデルのデフォルト設定から幅を削除 – MMT

+0

チェックhttp://jsfiddle.net/Bx4Bx/ – MMT

0

Grid上に存在する "autoExpandColumn" configを使用できます。

{ 
    xtype : 'grid', 

    cm : //Your Column model Code, 

    autoExpandColumn : COLUMN_NAME_FROM_COLUMN_MODEL 
} 

カラムモデルでは、固定幅カラムの幅を指定できます。

関連する問題