extjs3.4 window组件第一次打开后关闭正常,第二次打开后就不能关闭了

 

在页面上有个grid表格  里面有个增加按钮,点击增加按钮时弹出一个窗口,填写相关信息  第一次点击增加按钮,窗口打开,可以关闭,第二次点击增加按钮后,弹出的窗口就不能关闭了.
截图是两次打开窗口的截图,第二次截图还多了几个下拉框 ,用的是extjs3.4的版本,改成extjs2.0的版本就正常了,是不是两个版本之间有什么区别,求指导

grid代码
var Record
CommonGrid = Ext
        .extend(
                Ext.grid.GridPanel,
                {
                    // saveFlag : true,
                    constructor : function(cfg) {
                        var cfg = cfg || {};
                        Ext.apply(this, cfg);
                        var data = [
                                [ '10.21.34.56', '华为设备', '5680', 'aa', '1',
                                        '1', '1', '1', '1', '1' ],
                                [ '10.21.34.56', '中兴设备', 'C200', 'aa', '2',
                                        '1', '1', '1', '1', '1' ],
                                [ '10.21.34.56', '烽火设备', 'AN5616', 'aa', '2',
                                        '2', '1', '1', '1', '1' ],
                                [ '10.21.34.56', '贝尔设备', 'AN5616', 'aa', '3',
                                        '3', '1', '1', '1', '1' ] ];
                        var Record = Ext.data.Record.create([ {
                            name : 'logicid'
                        }, {
                            name : 'logiccode'
                        }, {
                            name : 'netproId'
                        }, {
                            name : 'logicname'
                        }, {
                            name : 'logicdec'
                        }, {
                            name : 'netproname'
                        }, {
                            name : 'netmodel'
                        }, {
                            name : 'bmodel'
                        }, {
                            name : 'ip'
                        }, {
                            name : 'port'
                        } ]);
                        this.NameCombo = new Ext.form.ComboBox({
                            id : 'nameCombo',
                            emptyText : "请选择...",
                            isFormField : true,
                            width : 100,
                            mode : 'local',
                            allowBlank : false,// 不允许为空
                            blankText : "不能为空",//
                            forceSelection : true,
                            triggerAction : 'all',
                            fieldLabel : "逻辑网元名称",
                            displayField : 'text',
                            listWidth : 100,
                            valueField : 'id',
                            store : new Ext.data.SimpleStore({
                                data : [ [ '1', '合肥' ], [ '2', '芜湖' ],
                                        [ '3', '安庆' ], [ '4', '蚌埠' ] ],
                                fields : [ 'id', 'text' ]
                            }),
                            editable : false,// 不允许输入
                        });

                        this.ClassCombo = new Ext.form.ComboBox({
                            id : 'classCombo',
                            emptyText : "请选择...",
                            isFormField : true,
                            width : 100,
                            mode : 'local',
                            allowBlank : false,// 不允许为空
                            blankText : "不能为空",//
                            forceSelection : true,
                            triggerAction : 'all',
                            fieldLabel : "网元协议名称",
                            displayField : 'text',
                            listWidth : 100,
                            valueField : 'id',
                            store : new Ext.data.SimpleStore({
                                data : [ [ '1', '合肥' ], [ '2', '芜湖' ],
                                        [ '3', '安庆' ], [ '4', '蚌埠' ] ],
                                fields : [ 'id', 'text' ]
                            }),
                            editable : false,// 不允许输入
                        });
                        this.store = new Ext.data.Store({
                            // proxy : new Ext.data.HttpProxy({url :
                            // 'getProcessRuleList.action', method : 'POST'}),
                            // reader : new Ext.data.JsonReader(
                            // {totalProperty:'total',root:'root'},
                            // [{name : 'id'},{name : 'busiTypeId'}, {name :
                            // 'busiType'}, {name
                            // : 'faultId'},
                            // {name : 'faultName'}, {name : 'accessWay'},{name
                            // : 'portType'},
                            // {name : 'processName'},
                            // {name : 'processchname'}, {name : 'createTime'}]
                            // )
                            autoLoad : true,
                            proxy : new Ext.data.MemoryProxy(data),// 获得本地数据

                            reader : new Ext.data.ArrayReader( // 解析数据
                            {}, Record

                            )
                        });
                        CommonGrid.superclass.constructor
                                .call(
                                        this,
                                        {
                                            title : '网元信息列表',
                                            id : '_processRuleConfig',
                                            region : 'north',
                                            height : 300,
                                            border : false,
                                            stripeRows : true,
                                            split : true,

                                            /*
                                             * viewConfig:{ forceFit:true },
                                             */
                                            cm : new Ext.grid.ColumnModel(
                                                    [
                                                            new Ext.grid.RowNumberer(),
                                                            {
                                                                header : '逻辑网元ID',
                                                                align : 'center',
                                                                dataIndex : 'logicid',
                                                                width : 150,
                                                                hidden : true
                                                            },
                                                            {
                                                                header : '逻辑网元编码',
                                                                align : 'center',
                                                                dataIndex : 'logiccode',
                                                                width : 150,
                                                                hidden : true
                                                            },
                                                            {
                                                                header : '网元协议ID',
                                                                align : 'center',
                                                                dataIndex : 'netproId',
                                                                width : 150,
                                                                hidden : true
                                                            },
                                                            {
                                                                header : '逻辑网元名称',
                                                                align : 'center',
                                                                dataIndex : 'logicname',
                                                                width : 150,
                                                                sortable : true
                                                            },
                                                            {
                                                                header : '逻辑网元描述',
                                                                align : 'center',
                                                                dataIndex : 'logicdec',
                                                                width : 150,
                                                                sortable : true
                                                            },
                                                            {
                                                                header : '网元协议名称',
                                                                align : 'center',
                                                                dataIndex : 'netproname',
                                                                width : 150,
                                                                renderer : this.detailInfoShow,
                                                                sortable : true
                                                            },
                                                            {
                                                                header : '网元交互模式',
                                                                align : 'center',
                                                                dataIndex : 'netmodel',
                                                                width : 150,
                                                                sortable : true
                                                            },
                                                            {
                                                                header : '部署模式',
                                                                align : 'center',
                                                                dataIndex : 'bmodel',
                                                                width : 150,
                                                                sortable : true
                                                            },
                                                            {
                                                                header : '服务IP',
                                                                align : 'center',
                                                                dataIndex : 'ip',
                                                                width : 150,
                                                                sortable : true
                                                            },
                                                            {
                                                                header : '服务端口',
                                                                align : 'center',
                                                                dataIndex : 'port',
                                                                width : 150,
                                                                sortable : true
                                                            } ]),
                                            bbar : new Ext.PagingToolbar(
                                                    {
                                                        pageSize : 10,
                                                        store : this.store,
                                                        firstText : '第一页',
                                                        nextText : '下一页',
                                                        prevText : '上一页',
                                                        refreshText : '刷新',
                                                        lastText : '最后一页',
                                                        beforePageText : '当前',
                                                        afterPageText : '页/共{0}页',
                                                        displayInfo : true,
                                                        displayMsg : '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
                                                        doLoad : function(C) { // 为了点击下一页传递参数用
                                                            var B = {};
                                                            var D = {};
                                                            A = this.paramNames;
                                                            B[A.start] = C;
                                                            B[A.limit] = this.pageSize;
                                                            if (this
                                                                    .fireEvent(
                                                                            "beforechange",
                                                                            this,
                                                                            B) !== false) {
                                                                this.store
                                                                        .load({
                                                                            params : B,
                                                                            callback : function(
                                                                                    records,
                                                                                    option,
                                                                                    success) {
                                                                                if (success) {
                                                                                    Ext
                                                                                            .getCmp("_processRuleConfig").store
                                                                                            .load({
                                                                                                params : B
                                                                                            });
                                                                                }
                                                                            }
                                                                        });
                                                            }
                                                        },
                                                        emptyMsg : "没有记录",
                                                        items : [
                                                                '    ',

                                                                {
                                                                    text : '新增',
                                                                    iconCls : 'new',
                                                                    handler : this.doAdd,
                                                                    scope : this
                                                                },
                                                                '-',
                                                                {
                                                                    text : '修改',
                                                                    iconCls : 'update',
                                                                    handler : this.doModify,
                                                                    scope : this
                                                                },
                                                                '-',
                                                                {
                                                                    text : '删除',
                                                                    iconCls : 'delete',
                                                                    handler : this.doDelete,
                                                                    scope : this
                                                                },
                                                                '-',
                                                                {
                                                                    text : '配置命令模板',
                                                                    iconCls : 'update',
                                                                    handler : this.doCommand,
                                                                    scope : this
                                                                },
                                                                '-',
                                                                {
                                                                    text : '查看物理网元',
                                                                    iconCls : 'find',
                                                                    handler : this.doNet,
                                                                    scope : this
                                                                } ]
                                                    }),
                                            tbar : new Ext.Toolbar(
                                                    {
                                                        items : [
                                                                '逻辑网元名称:',
                                                                this.NameCombo,
                                                                '-',
                                                                '网元协议名称:',
                                                                this.ClassCombo,
                                                                '-',
                                                                {
                                                                    text : '查询',
                                                                    iconCls : 'find',
                                                                    handler : this.doQuery,
                                                                    scope : this
                                                                },
                                                                {
                                                                    text : '重置',
                                                                    iconCls : 'find',
                                                                    handler : this.doClear,
                                                                    scope : this
                                                                } ]
                                                    })
                                        });
                        this.initListener();
                    },

                    initListener : function() {
                        this.addListener("render", function() {
                            this.loadMask = new Ext.LoadMask(Ext.getBody(), {
                                msg : '正在载入数据,请稍候...'
                            });

                            this.store.load({
                                params : {
                                    start : 0,
                                    limit : 5
                                }
                            });
                        }, this);
                        this.addListener("rowdblclick",
                                function(grid, index, e) {

                                    this.doModify();
                                }, this);
                        this.addListener("cellclick", function(grid, index, e) {

                            this.doclick();
                        }, this);

                    },
                    detailInfoShow : function(val, medadata, record, rowIndex,
                            colIndex, store) {
                        // var testOrderId = record.get('testOrderId');
                        return "<a href='http://localhost:8080/extjs/jsp/netprotocol.jsp'>"
                                + val + "</a>";
                    },
//窗口弹出代码
                  doAdd : function() {
                        if(Ext.getCmp('apWindow')!=null){
                            Ext.getCmp('apWindow').close();
                            var logicWindow = new LogicWindow({
                                pview : this
                            });
                            logicWindow.show();
                        }else{
                            var logicWindow = new LogicWindow({
                                pview : this
                            });
                            logicWindow.show();
                        }


                        

                    },
                    doCommand : function() {
                        // 举例说明
                        window
                                .open(
                                        "http://localhost:8080/extjs/jsp/netprotocol.jsp",
                                        "_blank");

                    },
                    doNet : function() {
                        // 举例说明
                        window
                                .open(
                                        "http://localhost:8080/extjs/jsp/netprotocol.jsp",
                                        "_blank");
                    },
                    doclick : function() {
                        var record = this.getSelectionModel().getSelected();
                        var logicname = record.get("logicname");
                        this.ppanel.configRegion.rule.logicname
                                .setValue(logicname);
                        this.ppanel.configRegion.rule.logicname.disable();

                    },
                    doModify : function() {
                        var record = this.getSelectionModel().getSelected();
                        if (record == null) {
                            Ext.Msg.alert('系统提示', padBlank + padBlank
                                    + "请选择一条记录!" + padBlank + padBlank);
                            return;
                        }
                        var logicWindow = new LogicWindow({
                            pview : this
                        });
                        logicWindow.show();
                        logicWindow.logicForm.loadData(record);

                    },
                    doDelete : function() {
                        var record = this.getSelectionModel().getSelected();
                        if (record == null) {
                            Ext.Msg.alert('系统提示', padBlank + padBlank
                                    + "请选择一条记录!" + padBlank + padBlank);
                            return;
                        }
                        this.store.remove(record);

                    }
                });





窗口代码
/**
 * 逻辑网元信息配置窗口
 */
LogicWindow = Ext.extend(Ext.Window, {
    constructor : function(cfg) {
        var cfg = cfg || {};
        Ext.apply(this, cfg);
        this.logicForm = new RuleCommand({
            pwin : this
        });
      LogicWindow.superclass.constructor.call(this, {
            title : "逻辑网元信息配置",
            id : 'apWindow',
            resizable : false,
            autoScroll : true,
            width : 1100,
            height : 300,
            // bodyStyle : 'padding:5px 0px 5px 5px',
            plain : true,
            modal : true,
            closeAction : 'close',
            closable:true,
            items : [ this.logicForm ],
//          buttonAlign : 'center',
//          buttons : [ {
//              text : '添加',
//              iconCls : 'save',
//              handler : this.doSave,
//              scope : this
//          }, {
//              text : '修改',
//              iconCls : 'cancel',
//              handler : this.doModify,
//              scope : this
//          }, {
//              text : '重置',
//              iconCls : 'find',
//              handler : this.doClear,
//              scope : this
//          } ]
        });
    },
    doClose : function() {
        //this.pwin.close();
    },
    // /**
    // * 保存信息
    // */
    doSave : function() {
        var o = this.logicForm.getData();
        if (o == null) {
            Ext.MessageBox.alert("系统提示", padBlank + "请完善相关信息!" + padBlank);
            return;
        }
        //this.store.insert(n, new Ext.data.Record(data));
        var n=this.pview.store.getCount();
        this.pview.store.insert(n, new Ext.data.Record(o));
           this.doClose();
    },
// /**
// * 添加公共信息
// */
// doInsert : function(o){
// var that = this ;
// ResApManager.saveAp(o,{
// callback:function(data){
// if(data == -1) {
// Ext.MessageBox.alert("系统提示", padBlank + "添加失败!" +padBlank);
// } else {
// that.doClose();
// Ext.MessageBox.alert("系统提示", padBlank + "添加成功!" +padBlank);
// that.pview.getStore().reload();
// }
// }
// });
// },
// /**
// * 修改公共信息
// */
// doUpdate : function(o){
// var that = this;
// ResApManager.updateAp(o,{
// callback: function(data) {
// if(data == -1) {
// Ext.MessageBox.alert("系统提示:", padBlank + "修改失败!" + padBlank);
// } else {
// that.doClose();
// Ext.MessageBox.alert("系统提示", padBlank + "修改成功!" + padBlank);
// that.pview.getStore().reload();
// }
// }
// });
// }
});

/**
 * @author 网元协议配置
 */
// var update_Id = null;
/**
 * @author 网元协议配置
 */
// var update_Id = null;
RuleCommand = Ext.extend(Ext.form.FormPanel, {
    constructor : function(cfg) {
        var cfg = cfg || {};
        Ext.apply(this, cfg);
        this.initialItems();
        RuleCommand.superclass.constructor.call(this, {
            layout : 'form',
            region : 'center',
            height : '250',
            border : false,
            frame : true,
            split : true,
//          viewConfig : {
//              forceFit : true
//          },
            autoScroll : true,
            buttonAlign : 'center',
            buttons : [ {
                text : '添加',
                iconCls : 'save',
                handler : this.doSave,
                scope : this
            }, {
                text : '修改',
                iconCls : 'cancel',
                handler : this.doModify,
                scope : this
            }, {
                text : '重置',
                iconCls : 'find',
                handler : this.doClear,
                scope : this
            } ]
        // bodyStyle:'margin: 10 0 5px 10px;',

        });
    },

    initialItems : function() {

        this.logicname = new Ext.form.TextField({
            fieldLabel : "逻辑网元名称",
            width : 130,
            length : 10,
            allowBlank : false, // 不允许为空
            blankText : '该项不能为空!'// 显示为空的提示信息
        });

        this.logiccode = new Ext.form.TextField({
            fieldLabel : "逻辑网元编码",
            width : 130,
            length : 10,
            allowBlank : false, // 不允许为空
            blankText : '该项不能为空!'// 显示为空的提示信息
        });

        this.logicdec = new Ext.form.TextField({
            fieldLabel : "逻辑网元描述",
            width : 130,
            length : 10,
            allowBlank : false, // 不允许为空
            blankText : '该项不能为空!'// 显示为空的提示信息
        });

        this.ip = new Ext.form.TextField({
            fieldLabel : "服务IP",
            width : 130,
            length : 10,
            allowBlank : false, // 不允许为空
            blankText : '该项不能为空!'// 显示为空的提示信息
        });

        this.port = new Ext.form.TextField({
            fieldLabel : "服务端口",
            width : 130,
            length : 10,
            allowBlank : false, // 不允许为空
            blankText : '该项不能为空!'// 显示为空的提示信息
        });

        this.netproname = new Ext.form.ComboBox({
            id : 'netproname',
            emptyText : "请选择...",
            isFormField : true,
            width : 130,
            mode : 'local',
            allowBlank : false,// 不允许为空
            blankText : "不能为空",//
            forceSelection : true,
            triggerAction : 'all',
            fieldLabel : "网元协议名称",
            displayField : 'text',
            listWidth : 100,
            valueField : 'id',
            store : new Ext.data.SimpleStore({
                data : [ [ '1', '合肥' ], [ '2', '芜湖' ], [ '3', '安庆' ],
                        [ '4', '蚌埠' ] ],
                fields : [ 'id', 'text' ]
            }),
            editable : false,// 不允许输入
        });
        this.netmodel = new Ext.form.ComboBox({
            id : 'netmodel',
            emptyText : "请选择...",
            isFormField : true,
            width : 130,
            mode : 'local',
            allowBlank : false,// 不允许为空
            blankText : "不能为空",//
            forceSelection : true,
            triggerAction : 'all',
            fieldLabel : "网元交互模式",
            displayField : 'text',
            listWidth : 100,
            valueField : 'id',
            store : new Ext.data.SimpleStore({
                data : [ [ '1', '合肥' ], [ '2', '芜湖' ], [ '3', '安庆' ],
                        [ '4', '蚌埠' ] ],
                fields : [ 'id', 'text' ]
            }),
            editable : false,// 不允许输入
        });
        this.bmodel = new Ext.form.ComboBox({
            id : 'bmodel',
            emptyText : "请选择...",
            isFormField : true,
            width : 130,
            mode : 'local',
            allowBlank : false,// 不允许为空
            blankText : "不能为空",//
            forceSelection : true,
            triggerAction : 'all',
            fieldLabel : "部署模式",
            displayField : 'text',
            listWidth : 100,
            valueField : 'id',
            store : new Ext.data.SimpleStore({
                data : [ [ '1', '合肥' ], [ '2', '芜湖' ], [ '3', '安庆' ],
                        [ '4', '蚌埠' ] ],
                fields : [ 'id', 'text' ]
            }),
            editable : false,// 不允许输入
        });

        this.fieldSet = new Ext.form.FieldSet({
            title : '网元协议配置',
            width : 1000,
            height : 150,
            style : 'margin: 10 0 5px 10px;',
            items : [ {
                xtype : 'panel',
                layout : 'column',
                style : 'margin: 10px 0px 0px 0px;',
                items : [ {
                    columnWidth : .3,
                    layout : 'form',
                    labelWidth : 120,
                    items : this.logiccode
                }, {
                    columnWidth : .3,
                    layout : 'form',
                    labelWidth : 120,
                    items : this.logicname
                }, {
                    columnWidth : .3,
                    layout : 'form',
                    labelWidth : 120,
                    items : this.logicdec
                } ]
            }, {
                xtype : 'panel',
                layout : 'column',
                style : 'margin: 0px 0px 0px 0px;',
                items : [ {
                    columnWidth : .3,
                    layout : 'form',
                    labelWidth : 120,
                    items : this.netproname
                }, {
                    columnWidth : .3,
                    layout : 'form',
                    labelWidth : 120,
                    items : this.netmodel
                }, {
                    columnWidth : .3,
                    layout : 'form',
                    labelWidth : 120,
                    items : this.bmodel
                } ]
            }, {
                xtype : 'panel',

                layout : 'column',

                items : [ {
                    columnWidth : .5,
                    layout : 'form',
                    labelWidth : 120,
                    style : 'margin: 0px 0px 0px 0px;',
                    items : this.port
                }, {
                    columnWidth : .5,
                    layout : 'form',
                    labelWidth : 120,
                    style : 'margin: 0px 0px 0px 0px;',
                    items : this.ip
                } ]
            } ]
        });
        this.items = [ this.fieldSet ];

        // this.items = [
        //                 
        //                 
        //                 
        // this.netComition,this.alarmContent,this.neNameCode,this.suceess,this.commandbak,this.neNameClass,this.flag,
        // this.fault,this.falgs];
        //      
    },
    loadData : function(o) {
        this.logiccode.setValue(o.data.logiccode);
        this.logicname.setValue(o.data.logicname);
        this.logicdec.setValue(o.data.logicdec);
        this.netproname.setValue(o.data.netproname);
        this.netmodel.setValue(o.data.netmodel);
        this.bmodel.setValue(o.data.bmodel);
        this.port.setValue(o.data.port);
        this.ip.setValue(o.data.ip);
    },
    getData : function() {
        if (this.getForm().isValid()) {
            var logiccode = this.logiccode.getValue();
            var logicname = this.logicname.getValue();
            var logicdec = this.logicdec.getValue();
            var netproname = this.netproname.getRawValue();
            var netmodel = this.netmodel.getRawValue();
            var bmodel = this.bmodel.getRawValue();
            var port = this.port.getValue();
            var ip = this.ip.getValue();
            var o = {
                logicname : logicname,
                logicdec : logicdec,
                netproname : netproname,
                netmodel : netmodel,
                bmodel : bmodel,
                port : port,
                ip : ip

            };
            return o;
        } else {
            Ext.Msg.alert("系统提示", "请完善相关信息");
            return;
        }
    }

});

 

 

查看全部
gt2008gt
gt2008gt
2012/09/08 17:04
  • it技术
  • 互联网问答
  • IT行业问题
  • 编程语言问答
  • 计算机技术
  • 点赞
  • 收藏
  • 回答
    私信
满意答案
查看全部

0个回复