ext FormPanel的显示问题

开始摸索着将ext整合到项目当中,点击超连接打开的FormPanel老是问题不断,主要问题有二:

1,显示不正常。点击前三次,出现不同的效果,当点击次数>=3以后,显示正常。三次显示效果如下:

2,在firefox下第一次,第二次点击都没效果,第三次点击才显示。并且,firefox下鼠标无法进入输入框。相当于输入框都禁用了。

相关代码如下:

 

 //增加form,window开始
      Ext.get("add").on('click',function() {
      var winlist;
      if(!winlist){  
                   var innerForm=new Ext.FormPanel({  
                    labelWidth: 125, // label settings here cascade unless overridden  
                    url:'<%=basePath%>add.ext',  
                    frame:true,  
                    // title: 'Simple Form',  
                    bodyStyle:'padding:5px 5px 0',  
                    width: 450,  
                    defaults: {width: 230},  
                    layout:'form',  
                    defaultType: 'textfield',  
                    items: [{  
                             fieldLabel: '姓名',  
                             name: 'name',  
                             allowBlank:false 
                           },{  
                             inputType:'password',
                             fieldLabel: '密码',  
                             name: 'password', 
                             allowBlank:false
                           },{
                             xtype:'combo',
                             store: new Ext.data.SimpleStore({

                                          fields: ["retrunValue", "displayText"],
                                          data: [[1,'男'],[2,'女']]

                                         }),

                                         valueField :"retrunValue",
                                         displayField: "displayText",
                                         mode: 'local',

                                         forceSelection: true,

                                         blankText:'请选择性别',

                                         emptyText:'选择性别',

                                         hiddenName:'sex',

                                         editable: false,

                                         triggerAction: 'all',

                                         allowBlank:false,
                                         fieldLabel: '性别',
                                         name: 'sex',
                                         anchor:'90%'},
                                         {  
                             fieldLabel: '电子邮件',  
                             name: 'email',
                             allowBlank:false,
                             vtype:'email'  
                           },  
                          
                           {  
                             fieldLabel: '手机',  
                             name: 'tel',
                             allowBlank:false
                            //vtype:'email'  
                           }, {  
                             fieldLabel: '电话',  
                             name: 'phone',
                             allowBlank:false
                            //vtype:'email'  
                           } , {  
                             fieldLabel: '联系地址',  
                             name: 'address',
                             allowBlank:false
                            //vtype:'email'  
                           }    
                          ]  
                    });  
                    winlist=new Ext.Window({  
                        title:'信息添加',
                        layout:'fit',  
                        width:450,  
                        height:400,  
                        closeAction:'hide',  
                        plain: true,  
                        buttonAlign:'center',  
                        buttons: [{  
                           text:'保存',  
                           scope:'DataType',  
                           type:'submit',  
                           disabled:false,  
                           handler:function(){  
                           innerForm.getForm().submit({  
                                method:'POST',  
                                waitMsg:'保存中,请稍候.....',   
                                      success:function(form,action){   
                                     grid.getView().refresh();  
                                    form.reset();  
                                    Ext.Msg.alert('信息增加','保存成功!');  
                                    this.disabled=false;   
                                    winlist.hide();   
                                                             

                           },  
                                failure:function(){  
                                    Ext.Msg.alert('信息增加','保存失败!');  
                                    this.disabled=false;  
                                }  
                             }  
                            );  
                           }  
                              },{  
                           text: '关闭',  
                           handler: function(){  
                              winlist.hide();  
                               }  
                          },{  
                            text:'重置',  
                            handler:function(){  
                                innerForm.getForm().reset();  
                            }  
                          }  
                          ]  
                    });  
                    winlist.add(innerForm);  
                      
                }  
                winlist.show(this);
                 }); 

由于刚刚接触ext,上面的代码也是借鉴拼凑过来的。出先这样的问题,是在不知道如何解决。

Cadence创建异形焊盘教程(详细操作) 背景:一些常见的矩形/圆形焊盘,设置参数就可。碰到非规则的一些焊盘,那只能用Cadence Allegro PCB来画咯。 一、新建图形 【File】——>【New…】 弹出如下窗口,选择绘制的类型Shape symbol、路径,输入名字 二、设置参数 【Setup】——>【Design Parameters…】 Enhanced display modes:增强型显示模型。全部勾选上。 在【Design】设置单位为mm 设置偏移量(-50,-50) 三、绘制图形 1、找到原点,即参考 阅读详情

相关推荐

【Azure 架构师学习笔记】- Azure Private Endpoint

公有云的其中一个特点是默认允许公网访问, 这就对企业环境带来风险,也是很多年前企业对公有云抵触的其中一个原因,现在这类问题已经很少,因为有了很多技术来确保云上的资源被安全地访问。其中Private endpoint(PE)就起到了很重要的作用。云上的某个资源如VM会创建在特定的网络(VNet/Subnet)上, 而其他如Storage Account , Azure SQL等PaaS服务则没有。如果你需要用VM 来访问这些PaaS资源,VM 就会通过资源的公网IP 来访问。

MVP黄钊吉(發糞塗牆) 1791

Ext 页面不显示,使用FormPanel布局时,如果页面只剩一个FormPanel时,region 要设置为'center',...

Ext 使用FormPanel布局时,如果页面只剩一个FormPanel时,region 要设置为'center',如果设置成'north'则会报错,页面不显示 NND,EXT真难调 黑色头发:http://heisetoufa.iteye.com/...

黑色头发 219

【报错】sqli-labs靶场搭建出现“Unable to connect to the database: security”

搭建sqli-labs靶场时,“Unable to connect to the database: security”报错解决

九芒星的博客 2992

Extjs学习 Ext.form.FormPanel

ExtJS的表单是在html表单的基础上封装来的,样式变成漂亮的样式,但是如果你使用FireBug查看,你就会发现,这些表单控件依然是原来的控件,只是加上了css,让他变得漂亮。     但是如果只是加上css样式,在我看来,ExtJS无法给我一个理由,让我选择它的表单控件,而不是选择控件,因为我已经使用原有的控件相当熟练。     Extjs考虑了类似我这样的想法,它当然有更强大的功

jazywoo_在路上 2912

Geant4学习一:写一个简单程序

1、 基本介绍

ccwwNUAA的博客 7699

抄表程序员的DLMS/COSEM协议实战:从抓包到解析,手把手教你读懂IEC62056报文

本文深入解析DLMS/COSEM协议在智能电表通信中的应用,从报文捕获到数据解析的全流程实战指南。涵盖HDLC帧解析、应用层连接建立、数据请求/响应解码等核心内容,并提供Wireshark配置、OBIS代码速查表等实用工具,帮助开发者快速掌握IEC62056标准下的电能表通信技术。

weixin_29178069的博客 301

extjs 弹出 Ext.form.FormPanel 显示

<br />function add_win() { var add_winForm = new Ext.form.FormPanel({ width: 360, height: 120, plain: true, layout: "form", defaultType: "textfield", labelWidth: 75, baseCls: "x-plain",

老李 技术 专栏 1万+

从碰撞电离到雪崩击穿:Sentaurus仿真中的模型选择与验证艺术

本文深入探讨了Sentaurus TCAD中雪崩击穿模型的选取与验证方法,特别关注平行平面结的仿真实践。通过对比Chynoweth、van Overstraeten等主流模型的适用场景与精度差异,结合具体案例展示了从几何建模到边界条件设定的完整验证流程,并针对非理想因素提供了有效的补偿技术,助力工程师提升器件仿真的准确性与可靠性。

weixin_29074295的博客 592

ext radiogroup 去掉白色背景色

1.问题现象: 使用 Ext.window组件,window中包含formPanel组件,当使用radiougroup时候,出现白色的背景色,影响美观 2.解决办法:          h = new Ext.FormPanel({                 renderTo: 'role-form',                 border: false,

shrimpma的专栏 2519

淘宝x-mini-wua生成机制与硬件信息关联性深度解析

本文深度解析了淘宝x-mini-wua的生成机制与硬件信息的关联性,详细介绍了其作为设备指纹令牌的核心作用及技术实现细节。通过分析基础硬件层、环境特征层和行为特征层的数据采集,揭示了淘宝如何利用AES加密和分级加密策略防止破解,并探讨了其安全防护与对抗策略。

weixin_29243279的博客 232

【Go语言实战】(2) Gin+Vue 电子商城

618来!!不用纠结去哪里剁手了!直接自己安排一个商场不香吗??

面向生活编程 4827

Ext背景遮罩

FormPanel的disabled:true时,置灰不好看,字会模糊掉, 所以仿弹出窗口Ext.Window的modal : true给FormPanel弄个遮罩 代码如下: [code="java"] var formPanel = new Ext.form.FormPanel({ //...略 }); var mask=formPanel.getEl(...

fireinjava的专栏 148

YOLOv8模型改进、剪枝、蒸馏和Web端界面的直观展示

模型蒸馏与性能提升 为了进一步优化YOLOv8模型,可以使用蒸馏技术将大型模型的知识转移到小型模型中。在模型蒸馏过程中,通过定义适当的损失函数和训练策略,学生网络可以学习教师网络的知识,并达到接近教师网络性能的效果。这样做不仅可以减少模型的存储和计算开销,还可以提高模型的推理速度和实时应用的响应能力。这样,用户可以直观地观察到模型的性能和应用的效果。为了优化YOLOv8模型并实现直观地观看检测效果或训练结果的全家通应用,本文将探讨如何通过改进、剪枝和蒸馏技术,并结合Web端界面来提升模型性能。

weixin_51988935的博客 2397

Ext FormPanel中的ComboBox为什么声明失效,全部变成了文本框,该怎么处理

参考地址:http://www.verydemo.com/demo_c113_i3709.html Ext FormPanel中的ComboBox为什么声明失效,全部变成了文本框 学习Ext,做了一个FormPanel,用如下的代码添加了两个ComboBox控件 JScript code { name: "b_types",

dpc012530891的专栏 335

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

Ext问题汇总

初次使用Ext,遇到了各种各样"奇怪"的问题,下面就一起共赏吧,哈哈哈。  1、Ajax乱码 Ajax乱码的问题非常普遍,上网一查一大把,但是我这个特别怪,客户端这边POST出去的中文总是乱码,但是服务端第一次接收是乱码,第二次接收竟然可以不乱,呵呵,不清楚原因。在网上搜索了一下,在 Ext.onReady(function()开始部分加上下面一句就OKExt.lib.Ajax.defau

勇敢在心的专栏 654

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

ext 表单重置无效的解决办法

ext 表单重置无效的解决办法:   就是要让FormPanel先显示出来,然后隐藏,以后调用formPanel.getForm().reset();就可以正常重置了。 例如:Window对象win中有个fromPanel表单,在创建win之后,就调用win.show();接着调用win.hide();...

duyouhua1214 257

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

ext 继续搞!

搞了很久EXT 了, 有点审美疲劳了, 但是看了看, 2.2 的版本,又想继续搞下去了。 最近遇到一个布局问题, 就是将 formpanel 放到 tabpanel 里面, formpanel 的布局不能正常显示,很郁闷! 问题展示效果: 第一页,[img]http://qianlei007.iteye.com/upload/picture/pic/31391/f...

qianlei0007的专栏 159

Ext Struts2下载文件(带等待条,不打开新页面)

 这里要动一动手脚.打破以往Struts2的流程 以往Struts2的流程控制方法都是返回String public String xxxx(){ .... return Action.SUCCESS;};  前台http请求ACTION的xxxx就可以调用上面的方法,方法返回一个String组合的JSON对象供EXT解释. 但是下载文件是以二进

fxz1982的专栏 3758

extjs2.2项目开发总结

·  Java代码 grid.getStore().proxy.conn.url = "xxx.jsp";   grid.getStore().reload();       grid.getStore().proxy.conn.url = "xxx.jsp"; grid.getStore().reload();  ·  Ext.data.Store里baseP

yangguoqi的专栏 1069

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

我的代码如下: Ext.onReady(function() { Ext.get('btn').on('click', function(){ var form = new Ext.form.FormPanel({ defaultType: 'textfield', labelAlign: 'right'...

weixin_33795833的博客 121

Ext.form.FormPanel的bug?

Ext真的强大,所以选择来做后台,在做一个权限时发现了一个问题,也不知道是不是BUG,如果有遇到同样的问题,请指教,3Q 在说明问题之前,先说下我怎么写的Ext,我做采用JS调用,所有JS都是动态加载,就是菜单点击时才加载一个JS(通过网上的Ext.ux.JSLoader,小有改动); 动态加载的好处自认为可以解决在不影响第一次打开加载过多JS而造成的问题,在加载JS到TabPa

Tina Salangane's Blog -Study Word 870

ExtJS笔记--Ext.form.FormPanel(一)

Ext.form.FormPanel    类全称: Ext.form.FormPanel 继承自于: Ext.Panel   配置项   1、formId : String  (可选的)FORM标签的id(默认是自动生成的)。   2、labelWidth : Number  标签的宽度。该属性级联于子容器。    3、 itemCls : String  关于容...

wjt276的专栏 1596

解决formpanel和window共用时,window再次无法显示的方法

 最近在做一个政府项目,要求界面简单大方,统一风格,于是想到了整合ext+struts框架到项目中的念头,其中整合最多的是一大推的各种信息的增删查,少不了用到formpanel和弹出的window窗口,问题出现了:   首次能弹出window窗口,关闭后再无法显示,javascript错误出现“Error:null不是对象”,其实最关键是window的closeAction属性,要设置成hide,...

大漠骑士的技术专栏 186

Ext.form.DisplayField扩展组件:在formpanel中显示html格式的内容

翻遍所有ExtJs 2.2的form组件,竟没有合适的显示html格式内容的组件,唯有htmleditor组件式用来编辑html格式内容的,但用来显示的话超链接就没法点了,发挥搜索十八般武艺无果。最有自己来改写了一下原来的Ext.form.Field组件变成Ext.form.DisplayField组件(该组件在ExtJs 3.2里默认支持)。 Ext.form.DisplayF...

ama7449的博客 266

使用jsp验证Ext.form.FormPanel登录框

此程序由2个htm和一个jsp页面构成 不多说,先上图 这是登入界面,当输入固定的用户名和密码时会在后台jsp界面进行验证,当验证时会根据结果弹出不同的提示,只有当输入固定的用户名(zhang)和密码(aaabbb)时,才会跳转到另一个htm页面 首先是登入界面(formLogin.htm)代码,不多解释,注释很详细,如下: formLogin.html

Tivon_S 1067

EXT公共控件之动态列的FormPanel

本类提供带window的formPanel,可以实现动态地设置一个formPanel中的列数,类本身可以作为一个弹出式窗口显示,也可通过类中提供的函数getFormPanel取得formPanel放到其他EXT容器中去。示例如下: var userName = new Ext.form.TextField({ fieldLabel : 用户, name : username

医院信息化 3299
上一篇: mysql Data too long for column问题
下一篇: spring2.0转到spring2.5出现的严重: Error listenerStart
excellentjava
博客等级 码龄20年 0粉丝 0原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值