Ext中窗体第二次点击报错或者其内控件不显示的问题，弄了2天才解决，记录下

registerPanel.js:

 registerPanel = new Ext.form.FormPanel({
     id:'registerPanel',
     layout:'form',
     autoHeight:true,
     autoWidth :true,
     fileUpload:true,
     enctype:'multipart/form-data',
     items:[{
             xtype:'textfield',
             fieldLabel:' 会员名',
             allowBlank:false,
             blankText:'请输入会员名',
             maxLength:10,//???????????????????????????????如何让长度超出范围后出现提示未实现
             name:'name',
             id:'name',
             anchor:'90%'
         },{
             xtype:'textfield',
             inputType:'password',
             //width:200,
             anchor:'90%' ,// 输入框的长度为列宽减去标题的宽度后的90%（anchor:'90%'），余下的10%的是给显示错误信息图标用的。
             allowBlank:false,
             blankText:'请输入密码',
             name:'password',
             id:'password',
             fieldLabel:' 密码'
         },{
             xtype:'textfield',
             inputType:'password',
             //width:200,
             anchor:'90%',// 输入框的长度为列宽减去标题的宽度后的90%（anchor:'90%'），余下的10%的是给显示错误信息图标用的。
             allowBlank:false,
             blankText:'请确认密码',
             name:'confirmPassword',
             id:'confirmPassword',
             fieldLabel:' 确认密码',
             invalidText:'两次密码不一致',
               validator:function(){
                   //经过自己验证，下面的get得到是id
                 if(Ext.get('password').dom.value == Ext.get('confirmPassword').dom.value){
                     return true;
                 }else{
                     return false;
                 }
               }
         },{
             fieldLabel:' 性别',
             xtype:"panel",
             frame:true,//背景色透明加了以后就没有白色框框了
             //background:transparent,
             layout:"column",//定义每列中只有一个控件
             anchor:'90%',
             items:[{
                 columnWidth:.40,//占这一列的25%
                 xtype:'radio',
                 //width:100,
                 boxLabel:'男',
                 name:'sex',
                 checked:true,//默认已选
                 inputValue:'男'//控件的值
                 //anchor : '40%'
             },{
                 columnWidth:.40,
                 xtype:'radio',
                 //hideLabels:true,// 第二个raido控件的列设置就有所不同，因为它不需要标题，所以要设置隐藏标题
                 //fieldLabel:'',
                 boxLabel:'女',
                 name:'sex',
                 inputValue:'女'
                 //anchor:'40%'
             }]
         },{
             xtype:'textfield',
             fieldLabel:' QQ',
             name:'QQ',
             id:'QQ',
             anchor:'90%'
         },{
             xtype:'textfield',
             fieldLabel:' 电话',
             name:'phone',
             id:'phone',
             anchor:'90%',
             allowBlank:false,
             blankText:'电话不能为空',
             regex : /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/,//???????????????????验证未实现
             regexText : '移动电话号码格式输入错误!'
         },{
             xtype:'textfield',
             fieldLabel:' 邮箱',
             name:'email',
             id:'email',
             anchor:'90%',
             regex : /^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/,
             regexText : '电子邮件格式错误!'//验证错误之后的提示信息
         },{
             xtype:'textfield',
             fieldLabel:' 宿舍号',
             name:'address',
             id:'address',
             anchor:'90%'
         },{
             xtype:'textfield',
             name:'membphoto',
             inputType:'file',
             fieldLabel:' 上传头像',
             labelAlign:'right',
             anchor:'90%'
             //border:false
         }],
         buttonAlign: 'center',
         buttons:[{
             text:'提交',
             handler:function(){
                 Ext.MessageBox.alert("提交");
             }
         },{
             text:'取消',
             handler:function(){
                 Ext.getCmp("registerWindow").hide();
             }

         }]
 })

页面<javascript>中如下：

 function register(){
         if(Ext.getCmp('registerWindow'))
         {
                 Ext.getCmp('registerWindow').show();
                 return;
         }
         var registerWindow = new Ext.Window({
                 //xtype:'window',
                 id:'registerWindow',
                 title:'会员注册',
                 height:320,
                 width:340,
                 modal:true,  //True 表示为当window显示时对其后面的一切内容进行遮罩    （默认为false）
                 resizable:false,//True 表示为允许用户从window的四边和四角改变window的大小（默认为 true）
                 //labelWidth:80,//表单布局Lable与文本框之间的距离
                 //bodyStyle:'padding:5px',//制定body元素的css样式
                 plain:true,
                 //autoDestroy : false,
                 closeAction:'hide',
                 items:registerPanel
         });
         registerWindow.show();
     }

改为如上红色部分就可以解决了，profect！！