美文网首页Extjs
Extjs 检测表单中没有通过验证的字段

Extjs 检测表单中没有通过验证的字段

作者: w_w_wei | 来源:发表于2018-04-02 17:52 被阅读147次

测试环境: 3.1

当一个表单有很多字段, 同时根据不同情况,有字段显示字段隐藏的情况,并不是很好判断所有字段的校验情况。
只有全部检测一下,判断不通过的,再看是取消检测还是怎么处理。

关键代码只有两句

  • 拿到所有字段 this.form.items
  • 判断是否检验成功 field.validate()
//关键代码就是 field.validate()
var formPanel = Ext.form.formPanel({
        renderTo: "panel",
        region: "center",
        contentEl: "el",
        debug_error: function(){
            var invalidFields = [];
            this.form.items.filterBy(function(field) {
                if (field.validate()) return;
                invalidFields.push(field);
            });
            console.log(invalidFields);
        },
        items:[{
            xtype: "button",
            text: "保存",
            id: "save_btn",
            disabled: true,
            renderTo: "submitBtn",
            width: 70,
            handler:function(){
               //在提交按钮输出所有没有通过校验的字段
                this.debug_error();
            }
        }]
})

相关文章

网友评论

    本文标题:Extjs 检测表单中没有通过验证的字段

    本文链接:https://www.haomeiwen.com/subject/vadthftx.html