关于ext form.FormPanel 的验证一些小技巧 - liyanhui - ITeye博客

`

liyanhui

浏览: 345733 次
性别:
来自: 北京

最近访客更多访客>>

xiongfk

lvhejin

mukti

chenglinbin520

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

haoxinren： : 不错果然是hibernate 对数据库字段的问 ...
hibernate异常之表的映射
du_bo： [b][/b]真的非常强大。。。多谢分享
牛B的js 时间控件(年月日时分秒)
hd7139：真的很强大，不错
牛B的js 时间控件(年月日时分秒)
woguanqihu：是啊大哥啊,给个图片多好啊
牛B的js 时间控件(年月日时分秒)
kelenok：火狐里貌似不显示控件
牛B的js 时间控件(年月日时分秒)

关于ext form.FormPanel 的验证一些小技巧

博客分类：

ext

阅读更多

在目前的项目里，第一次打开添加页面，没有出现验证的红框，如图1 但是以后在刚打开页面的时候，在没填任何数据之前都会显示验证的红框,如图2：

这个给用户非常不好的感受，我尝试了好多办法没有解决，后来在在同事的帮助下找到了解决方法，

在打开这个页面的时候，加一行代码就可以了：

	Ext.getCmp('shiftForm').getForm().clearInvalid();

getForm()得到BasicForm对象，用它的clearInvalid();方法使其方法失效就可以了。

兄弟刚刚接触ext ，如有不对请指正！

查看图片附件

0
顶

0
踩

分享到：

js 日期比较大小（转载但有改动） | js 计算字符串长度（包括汉字,数字，字母 ...

2009-07-23 16:56
浏览 1625
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Ext的FormPanel组件: Ext的FormPanel组件说明formPanel的详细使用说明

.archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc: .archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc

Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别: (1)Ext.FormPanel f.getForm().submit({ url:”……”, params:{ XX:xx …..} success: function (c,v,e) { //e: 触发事件 var json=Ext.decode(v.response.responseText); }, failure:function(c,v,e){} }) (2)Ext....

ExtJs入门实例: 4. ExtJs2.0学习系列(4)--Ext.FormPanel之第一式 5. ExtJs2.0学习系列(5)--Ext.FormPanel之第二式 6. ExtJs2.0学习系列(6)--Ext.FormPanel之第三式(ComboBox篇) 7. ExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他...

Extjs优化(二)Form表单提交通用实现: a.formPanel.getForm().submit({ scope: b, url: a.url, method: “post”, params: a.params, waitMsg: “正在提交数据…”, success: function(c, d) { Ext.ux.Toast.msg(“操作信息”, “成功信息保存！...

Extjs中DisplayField的日期或者数字格式化扩展: 使用 Ext.form.FormPanel 来处理数据时候，某些字段是需要只读的。当然我们可以使用 Ext.form.TextField，然后设置成 ReadOnly，不过这样子的显示效果不是很好，因为始终会有个输入框。所以我们必须使用 Ext.form....

ExtJs实现数据加载和提交经典代码: FormPanel中的 form对象为Ext.form.BasicForm类型的对象，它有load和submit方法分别用于加载数据和提交数据。而这两个方法都是通过调用 Ext.form.BasicForm中的doAction方法来操作的。doAction方法带有两个参数，...

ext几个实例: 本篇是关于Ext.Ajax + Ext.FormPanel + MySQL数据库的完整登录案例,一个是html的form表单,一个是Ext的FormPanel表单,在提交或结合Ext.Ajax多少还是有区别的.

关于Ext中form移除textfield方法:hide(),setVisible(false)，remove(): 下面是一个我遇到问题代码的简化版本，没有经过测试，大概意思是要是在form里想控制不显示表单，用remove()方法有效代码如下: new Ext.form.FormPanel({ id : ‘ReportForm’,items : [{ {id:”001″}, {id:”002″...

extjs form textfield的隐藏方法: this.formpanel = new Ext.FormPanel({ items: [{ fieldLabel: ‘代码’, name: ‘FCode’, anchor:’100%’, id: ‘fid’ },{ fieldLabel: ‘名称’, name: ‘FName’, anchor:’100%’ // anchor width by ...

Ext table布局实例 formpanel的table布局: Ext table布局实例 formpanel的table布局

ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解及工程源码: var tab2 = new Ext.FormPanel({ labelAlign: 'top', title: 'Inner Tabs', bodyStyle:'padding:5px', width: 1000, items: [{ layout:'column', border:false, items:[{ columnWidth:.5, layout: 'form'...

Extjs学习笔记之二初识Extjs之Form: Extjs中的表单组件是Ext.form.BasicForm，不过最简单最常用的是Ext.form.FormPanel控件，它继承自Panel，具有一定的界面显示控制能力，它其中包含着一个BasicForm对象，用来执行向服务器提交，加载等动作。...

Ext+JS高级程序设计.rar: 6.3.5 在form中使用Ext.Direct提交数据 187 6.3.6 使用polling方式进行轮询 189 6.4 本章小结 191 第7章 Store 192 7.1 Store的结构 192 7.2 Ext.data.Field 197 7.3 Ext.data.Record 198 7.4 ArrayReader、...

Ext 表单布局实例代码: //第一句的目的是为需要的元件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息了。 Ext.form.Field.prototype.msgTarget = ‘under’; //第二句的目的就是设置控件的错误信息显示位置，主要可选的...

Extjs自动填充: new Ext.form.FormPanel({ height : 90, width:500, labelWidth : 200, labelPad : 0, renderTo :'auto', frame : true, items : [ { xtype : 'combo', triggerAction : 'query', forceSelection : true,...

extjs中验证实例: Ext.form.Field.prototype.msgTarget="under"; var fset = new Ext.FormPanel({ title:"学习表单字段元素的字段集", width:600, height:400, frame:true, renderTo:"myForm", items:[ {xtype:"fieldset", ...

Extjs 几个方法的讨论: 相信大家在做Extjs开发的时候都使用过类似下面的代码：代码如下: var form_pz = new Ext.form.FormPanel({ id: “form_pz”, region: “center”, labelAlign: “right”, lazyRender: true, frame: true, items: ...

Global site tag (gtag.js) - Google Analytics