Ext.form 表单为什么第二次就不正常显示

我的代码如下: 
Ext.onReady(function() { 

Ext.get('btn').on('click', function(){ 

  var form = new Ext.form.FormPanel({  
        defaultType: 'textfield',  
        labelAlign: 'right',  
        title: '用户登陆',  
        labelWidth: 100,  
        frame: true,  
        width: 500,  
        autoHeight: false,  
       items: [{  
            fieldLabel: '用户名',  
            name:"userAccount",  
            id:"userAccount",  
            allowBlank:false  
        },{  
            fieldLabel: '密码',  
            inputType :'password',  
            id:"passwd",  
            name:"passwd"  , 
            allowBlank:false  
        }],  
        buttons: [{  
            text: '登陆',  
            handler: function(){  
                form.getForm().submit({  
                    url:'/ren/servlet/windowTest', /* 表示表单提交的时候的路径。 */  
                 waitMsg : '正在处理...', 
                 failure : function(form, action) { 
                Ext.MessageBox.alert( 
              'Error Message', '保存失败'); 
              }, 
            success : function(form, action) { 
            Ext.MessageBox.alert('温馨提示', '保存成功'); 
            win.hide(); 
            } 

                });  
            }  
        },{  
            text: '取消',  
            handler: function(){  
                win.hide();  
            }  
        }]  
    });  
    
   var win = new Ext.Window({ 
     modal: true, 
    layout:'fit', 
    width:300, 
    height:150, 
    closeAction:'hide', 
    items: form 

   }); 
win.show(); 

   }); 
}); 

为什么第一次点击时候表单能正常显示,但当第二次点击的时候window能show出来 但表单没正常显示...那几个用户名和密码筐没显示出来?请问高手如何解决.....谢谢了.第二,一次图片如下:

==========================================================================