javascript – Extjs 3.3.1具有布局拟合的FieldSet和其中的网格不会在窗口大小调整大小时调整网格大小

前端之家收集整理的这篇文章主要介绍了javascript – Extjs 3.3.1具有布局拟合的FieldSet和其中的网格不会在窗口大小调整大小时调整网格大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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 
       ]
     }
   ]
})

一旦窗口调整大小,网格不会改变其宽度…
有什么想法吗???

最佳答案
由于布局:’fit’,您的网格将根据FieldSet调整大小.由于FormPanel没有布局设置,因此它会自动使用布局:’form’. FieldSet将充当普通的表单字段,因此需要配置为自行调整大小.这可以使用FormLayout的anchor属性来完成:

var form = new Ext.FormPanel({
    labelWidth: 150,items:[
        new Ext.form.FieldSet({
            layout: 'fit',anchor: '-0',items: [
                grid 
            ]
        }
    ]
});

这将告诉FieldSet始终保持距FormPanel右边缘0像素.

猜你在找的JavaScript相关文章