5 
var colModel = new Ext.grid.ColumnModel({
      columns: [ columns here...]
})

var grid = new Ext.Ext.grid.GridPanel({
   store: store,
   loadMask: true,
   autoExpandColumn: 'itemDescription',
   stripeRows: true,
   colModel: colModel
})

var form = new Ext.FormPanel({
   labelWidth: 150,
   bodyStyle: 'padding:2px 5px;',
   autoScroll: true,
   items:[
     new Ext.form.FieldSet({
       layout: 'fit',
       collapsible: true,
       height:300,
       items: [
            grid 
       ]
     }
   ]
})

ウィンドウのサイズが変更されると、グリッドの幅は変更されません...

4

2 に答える 2

4

に応じGridてサイズが変更さFieldSetれlayout: 'fit'ます。FormPanelにはレイアウト セットがないため、自動的に が使用されますlayout: 'form'。は通常どおりFieldSet動作するため、サイズを自動的に変更するように構成する必要があります。これは、 のプロパティを使用して実行できます。 Form FieldanchorFormLayout

var form = new Ext.FormPanel({
    labelWidth: 150,
    bodyStyle: 'padding:2px 5px;',
    autoScroll: true,
    items:[
        new Ext.form.FieldSet({
            layout: 'fit',
            anchor: '-0',
            collapsible: true,
            height:300,
            items: [
                grid 
            ]
        }
    ]
});

これはFieldSet、 の右端から常に 0 ピクセルにとどまるように に指示しFormPanelます。

于 2012-04-19T08:11:10.457 に答える
1

これを試して.....

var colModel = new Ext.grid.ColumnModel({
  columns: [ columns here...]
})

var grid = new Ext.Ext.grid.GridPanel({
store: store,
loadMask: true, 
autoExpandColumn: 'itemDescription',
stripeRows: true,
colModel: colModel
})

var form = new Ext.FormPanel({
labelWidth: 150,
bodyStyle: 'padding:2px 5px;',
autoScroll: true,
items : {
   xtype : 'fieldset',
   title : 'Give proper Title',
   defaults: {
      anchor: '100%'
   },
   layout: 'anchor',
   collapsible: true,
   items: grid
}
});
于 2014-01-01T07:32:41.953 に答える