ext editorGridpanel 验证

对深入浅出提供表格验证方法出现的bug进行改进。

//验证表格数据是否合法思路：检查modified中每个record 根据每个属性的editor对record中的属性进行验证。

深入浅出提供表格验证方法出现的bug：（它的方法就不贴出来了）

cm.getCellEditor(colIndex).field.reset();//

当我在editorGridpanel 新增一条数据的时候原方法能验证出record的错误我就把数据编辑完整保存

新增第二条数据的时候验证结果跟逻辑不符了

于是就用火狐debug

发现 textfield组件的getErrors方法（textfield用它来验证数据的）

第37770 value = value || this.processValue(this.getRawValue());

当value为空时就会执行this.processValue(this.getRawValue()); 得到textfield的当前值

虽然textfield编辑完后被隐藏但是textfield上面的值还是没有被清空，所以value就被换成上一次编辑遗留下来的数据，allowBlank：false验证失败

所以必须在对数据验证之前将其清空了所以

cm.getCellEditor(colIndex).field.reset();//

37767 getErrors: function(value) {

37768 var errors = Ext.form.TextField.superclass.getErrors.apply(this, arguments);

37769

37770 value = value || this.processValue(this.getRawValue());

37771

37772 if (Ext.isFunction(this.validator)) {

37773 var msg = this.validator(value);

37774 if (msg !== true) {

37775 errors.push(msg);

37776 }

37777 }

37778

37779 if (value.length < 1 || value === this.emptyText) {

37780 if (this.allowBlank) {

37781

37782 return errors;

37783 } else {

37784 errors.push(this.blankText);

37785 }

37786 }

37787

37788 if (!this.allowBlank && (value.length < 1 || value === this.emptyText)) {

37789 errors.push(this.blankText);

37790 }

37791

37792 if (value.length < this.minLength) {

37793 errors.push(String.format(this.minLengthText, this.minLength));

37794 }

37795

37796 if (value.length > this.maxLength) {

37797 errors.push(String.format(this.maxLengthText, this.maxLength));

37798 }

37799

37800 if (this.vtype) {

37801 var vt = Ext.form.VTypes;

37802 if(!vt[this.vtype](value, this)){

37803 errors.push(this.vtypeText || vt[this.vtype +'Text']);

37804 }

37805 }

37806

37807 if (this.regex && !this.regex.test(value)) {

37808 errors.push(this.regexText);

37809 }

37810

37811 return errors;

37812 },

ext editorGridpanel 验证相关推荐

ext form验证tip_FormValidator表单验证
表单校验测试验证表单之文本输入框用户名: 性别: 男女出生年月: 身份证号邮箱学历 --请选择-- 专科本科研究生硕士博士国家区号 -地区区号 -电话号码 -分机号码兴趣爱好乒 ...
Ext EditorGridPanel 单元格锁定
grid.on('beforeedit',function(obj){ //grid,record,field,value,row,column,cancel var checkStatus ...
使用Ext Form自动绑定Html中的Form元素
2019独角兽企业重金招聘Python工程师标准>>> Java代码 //把ext 对象绑定在Html Form元素时的ext属性中 Ext.override(Ext.Compo ...
EditorGridPanel 中使用checkbox列，并包含afterEdit事件
在EditorGridPanel中无法使用默认的CheckBox控件,因此采用第三方扩展的控件实现, 以下是Ext.grid.CheckColu扩展类: Ext.grid.CheckColumn = ...
[理论]领域驱动设计 DDD 是啥,cqrs是啥
父文章如何成为一名架构师,架构师成长之路_个人渣记录仅为自己搜索用的博客-CSDN博客_架构师成长之路 [落地版]领域驱动落地 [理论版]领域驱动设计DDD 代码框架 · 语雀子文章如何写可维护 ...
Postfix+dovecot 部署
Postfix+dovecot 部署 Postfix: 是一个标准的MTA(Mail Transfer Agent)服务器,它负责通过SMTP协议管理发送到本机的邮件以及由本机发向外界的邮件.在本文中 ...
Ext.NET加入自定义验证JS函数
ExtJS验证很方便,在使用FormPanel的时候,我们可以很方便的进行验证.比如设置必填项.正则.字段类型等等.比如如下所示: 上面的验证是这么写的: <Listeners><C ...
Ext.Net中常用的验证
在Ext.Net中没一中控件都自带了很多验证如:allBlank,maxlength,minlength等.但在一些特殊的情况下我们就需要一些特殊的验证: 1.Regex:自己写正则表达是验证,Reg ...
关于Ext中EditorGridPanel数据校验
用了2年的Ext 渐渐对Ext熟络起来,经常去看下源码,自己瞎琢磨些功能,最近做了个EditorGridPanel数据校验,原理不难,不过绝对原创,有点意思,发下和大家分享~ 原理:通过EditorG ...

ext editorGridpanel 验证

ext editorGridpanel 验证相关推荐

最新文章

热门文章