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出来 但表单没正常显示...那几个用户名和密码筐没显示出来?请问高手如何解决.....谢谢了.第二,一次图片如下:

 

 

 

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

 

   发表时间:2008-03-11  
重复调用 

win和form最好只创建一次,关闭的时候用hide,下次再show 
==========================================================================
 
请问:郭亲华 
    "Ext.form 表单为什么第二次就不正常显示"你这个问题是如何解决的呢!我目前也遇到这种情况. 
==========================================================================
 
去掉 id 标识
 
==========================================================================
 
我已经去掉form和window中的id了。但我有几个window,每个window装载不同的formPanel,经常不能正常显示,不是文本框太大就是看不见
 
==========================================================================
 
不要用hide(),用destroy(),那些输入框的id重复了
 
==========================================================================
 
我的是刷新过后有时第一次显示就不正常,文本框太大了,窗口的大小也不合适。
 
==========================================================================
z95001188 写道
重复调用 

win和form最好只创建一次,关闭的时候用hide,下次再show

如果没有close,是否打开的win和form就一直存在,没有释放内存?
 
==========================================================================
最大的可能性是 1) id重复 
               2) 布局问题,有时候加上layout:'form'就正常显示了,至今也不知道为什么!


本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/archive/2011/09/08/2171782.html,如需转载请自行联系原作者
目录
相关文章
|
4月前
form获取表单项的值
form获取表单项的值
|
JavaScript 前端开发
Element-ui 中表单(Form)验证数字值范围(大小)
Element-ui 中表单(Form)验证数字值范围(大小)
1470 0
Element-ui 中表单(Form)验证数字值范围(大小)
|
5月前
element中form表单resetFields()方法重置表单无效
element中form表单resetFields()方法重置表单无效
|
8月前
|
存储 前端开发 JavaScript
form 表单恢复初始数据
在现代的 Web 开发中,表单是不可或缺的组件之一。用户可以通过表单输入和提交数据,而开发者则需要对这些数据进行处理和存储。然而,在某些情况下,我们可能需要重置表单并恢复到最初的状态。 本文介绍了如何使用 form 表单处理库来实现表单恢复初始数据的功能。通过 form 提供的灵活性和方便性,我们能够快速构建响应式的表单,并且能够轻松地管理和恢复表单数据。希望本文对你在 Web 开发中处理表单数据有所帮助!
148 1
element-plus:el-upload上传文件只能一次,第二次失效
element-plus:el-upload上传文件只能一次,第二次失效
388 0
|
前端开发 JavaScript Java
【前端】form标签multipart/form-data 文件上传表单中 传递参数无法获取的原因
form标签multipart/form-data 文件上传表单中 传递参数无法获取的原因
724 1
|
前端开发 JavaScript
el-upload上传文件和表单一起提交+后端接收代码
el-upload上传文件和表单一起提交+后端接收代码
426 3
el-upload上传文件和表单一起提交+后端接收代码
Element-ui中 表单(Form)校验的几种形式 及 表单嵌套表格含上传(Upload)组件的综合案例
Element-ui中 表单(Form)校验的几种形式 及 表单嵌套表格含上传(Upload)组件的综合案例
641 0
Element-ui中 表单(Form)校验的几种形式 及 表单嵌套表格含上传(Upload)组件的综合案例
|
JavaScript
Extjs Form 表单修改
Extjs修改分两种方法:1.前台直接加载;2.通过后台远程加载 1.直接加载:方法 form.getForm().loadRecord(); 应用时要求页面上已经存在页面中的所有数据,比如选中gridPanel一行,然后直接传递此行记录,到formPanel页面,可直接加载 2.后台加载:方法 form.getForm().load(); 应用时 传递一个参数到后台,然后远程取值,绑定。
977 0
|
前端开发 JavaScript Java
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)上
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)
137 0
Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)上