【散分】Ext FieldSet布局自适应浏览器问题求助
时间:2011-08-21
来源:互联网
小弟新手做了一个页面border布局,在south的地方放了一个fieldSet,这个大的fieldSet里面有两个并列的fieldset,每个小的fieldSet里面放了一张表格GridPanel
代码如下:
JScript code
大的fieldSet不能自适应浏览器,表格高度固定也不能在浏览器大小变动时自适应,刚接触Ext布局,问题解决不好,希望获得大家的帮助,谢谢
代码如下:
JScript code
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布局,问题解决不好,希望获得大家的帮助,谢谢
作者: NIan_jun 发布时间: 2011-08-21
一切参考官方的示例,官方有个表单组件中有fieldset的.你完全可以仔细看看
FieldSet设置
autoHeight: true
FieldSet设置
autoHeight: true
作者: LMAOhuaNL 发布时间: 2011-08-21

作者: leiting321 发布时间: 2011-08-21
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28