【散分】Ext FieldSet布局自适应浏览器问题求助

[NIan_jun]

小弟新手做了一个页面border布局，在south的地方放了一个fieldSet,这个大的fieldSet里面有两个并列的fieldset，每个小的fieldSet里面放了一张表格GridPanel
代码如下：

function createSGSNPanel3() {
		var pageSize = 20;
		var type = "SGSN";
		var record = Ext.data.Record.create([{
					name : "device_name",
					type : "string"
				}]);
		var store1 = new Ext.data.Store({
					proxy : new Ext.data.DWRProxy(gprsAction.getNSNSGSNdevice,
							true),
					reader : new Ext.data.ListRangeReader({
								totalProperty : 'totalSize'
							}, record)
				});
		var sm = new Ext.grid.CheckboxSelectionModel();
		var cm = new Ext.grid.ColumnModel([sm, {
					header : "设备名称",
					width : 200,
					dataIndex : 'device_name',
					sortable : true
				}]);

		cm.defaultSortable = true;

		var form1 = new Ext.grid.GridPanel({
					height : 500,
					layout : 'form',
					autoWidth : true,
					store : store1,
					sm : sm,
					cm : cm,
					stripeRows : true,
					viewConfig : {
						forceFit : true
					}
				})
		store1.load({
					params : {
						start : 0,
						limit : pageSize,
						type : type
					}
				})
				
	var bodyLoad = new Ext.LoadMask(Ext.getBody(), {
					msg : "加载中..."
				});
		bodyLoad.show();
		store1.on('load', function() {
					bodyLoad.hide();
				});	
		var store2 = new Ext.data.Store({
			proxy : new Ext.data.DWRProxy(gprsAction.getHUAWEISGSNdevice, true),
			reader : new Ext.data.ListRangeReader({
						totalProperty : 'totalSize'
					}, record)
		});
		var sm2 = new Ext.grid.CheckboxSelectionModel();
		var cm2 = new Ext.grid.ColumnModel([sm2, {
					header : "设备名称",
					width : 200,
					dataIndex : 'device_name',
					sortable : true
				}]);
		cm2.defaultSortable = true;
		var form2 = new Ext.grid.GridPanel({
					height : 600,
					autoWidth : true,
					layout : 'form',
					store : store2,
					sm : sm2,
					cm : cm2,
					stripeRows : true,
					viewConfig : {
						forceFit : true
					}
				})
		store2.load({
					params : {
						start : 0,
						limit : pageSize,
						type : type
					}
				})

		var Panel1 = new Ext.form.FieldSet({
					layout : 'column',
					title : '诺西SGSN',
					columnWidth : 0.4,
					border : true,
					items : [form1]
				})
		var Panel2 = new Ext.form.FieldSet({
					layout : 'column',
					title : '华为SGSN',
					columnWidth : 0.4,
					border : true,
					items : [form2]
				})

		return new Ext.form.FieldSet({
					region : 'south',
					layout : 'column',
					buttonAlign : 'center',
					//hideBorders : true,
					height : 575,
					//autoHeight : true,
					items : [

					{
								columnWidth : 0.05
							}, Panel1, {
								columnWidth : 0.1
							}, Panel2, {
								columnWidth : 0.05
							}],
					buttons : [{
								iconCls : 'find_eastcom',
								text : '重置',
								handler : function() {
									//store1.reload();
									//store2.reload();
								  sm.clearSelections();
		                          sm2.clearSelections();
									

								}
							}, {
								iconCls : 'creat_eastcom',
								text : '生成业务链',
								handler : function() {
								}
							}, {
								iconCls : 'export_eastcom',
								text : '导出业务链',
								handler : function() {
								}
							}]

				})

	}

大的fieldSet不能自适应浏览器，表格高度固定也不能在浏览器大小变动时自适应，刚接触Ext布局，问题解决不好，希望获得大家的帮助，谢谢

[LMAOhuaNL]

一切参考官方的示例,官方有个表单组件中有fieldset的.你完全可以仔细看看
FieldSet设置
autoHeight: true

[leiting321]

学习

[NIan_jun]

[Quote=引用 1 楼 lmaohuanl 的回复:]
一切参考官方的示例,官方有个表单组件中有fieldset的.你完全可以仔细看看
FieldSet设置
autoHeight: true
[/Quote]

这个fieldSet是在 border 中的south 如果高度autoHeight: true的话，这一块的布局就毁了

[安心逍遥]

查下api吧，fieldset没有弄过！帮顶，祝楼主好运，加油

[我嘞个去]

我是来ＪＦ的！

[NIan_jun]

顶一下，一会结账