+ -
当前位置:首页 → 问答吧 → 【散分】Ext FieldSet布局自适应浏览器问题求助

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

时间:2011-08-21

来源:互联网

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

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

作者: LMAOhuaNL   发布时间: 2011-08-21

学习

作者: leiting321   发布时间: 2011-08-21

热门下载

更多