ExtJS 控件中的方法的重写

 Ext中的表单提示， 有时候不是那么的尽人意，  于是我们就会想到重写它的方法，  于是我写了几个例子试试，

 1 Ext.form.FormPanel.prototype.submit  =   function () {
 2    if(!this.form.isValid(true))
 3        this.validateItems();
 4    else
 5        return this.form.submit.apply(this.form,arguments) 
 6}
 7
 8 // ## 扩展form验证
 9 Ext.form.FormPanel.prototype.validateItems  =   function ()
10 {
11    try
12    {
13        var items = this.items.items;
14        var blanks = "";
15        var errorFields = [];
16        
17        for(var i = 0; i < items.length; i ++ )
18        {
19            if( ! items[i].isValid(true))
20            {
21                if(items[i].blankText.indexOf("This is") == -1)
22                    items[i].blankText = items[i].fieldLabel+"不能为空！";
23                blanks += items[i].blankText + "<br/>";
24                errorFields.push(items[i]);
25            }
26        }
27        blanks = blanks.substr(0, blanks.length - 5);
28        Ext.Msg.show(
29        {
30            title : '验证信息',
31            icon : Ext.MessageBox.ERROR,
32            buttons : Ext.MessageBox.OK,
33            width : 350,
34            msg : blanks.toString(),
35            fn : function()
36            {
37                for(var i = 0; i < errorFields.length; i ++ )
38                {
39                    errorFields[i].reset();
40                }
41                errorFields[0].selectText();
42                errorFields = null;
43                return;
44            }
45        });
46    }
47    finally
48    {
49        blanks = null;        
50        items = null;
51    }
52} ;
53 Ext.form.BasicForm.prototype.validateItems  =  Ext.form.FormPanel.prototype.validateItems;
54

这是一个表单验证的例子， 再放一个添加vtype类型的代码

Ext.apply(Ext.form.VTypes, {

    password: function(val,field) {
        if(field.passField) {
            var pwd=Ext.getCmp(field.passField);
            return (val==pwd.getValue());
        }
        return true;
    },

    passwordText: '两次输入的密码不一致!'
} );

上面这个就是验证两次密码的输入是否一致，
有时候看到FormPanel里的allowBlank提示是很不爽，  它只会提示 “该输入项为必输项”  这样的提示总觉得不舒服，  于是我给他改成了这样
“用户名不能为空！”  等等，这里要引用Ext 里的本地语言包， 注明到底是哪个为必填项，  重写Ext的 方法代码如下

Ext.form.TextField.prototype.validateValue  =   function (value) {
     
        if(Ext.isFunction(this.validator)) {
            var msg=this.validator(value);
            if(msg!==true) {
                this.markInvalid(msg);
                return false;
            }
        }
        if(value.length<1||value===this.emptyText) {
            if(this.allowBlank) {
                this.clearInvalid();
                return true;
            } else {
                if(this.blankText.length == 5)
                    this.markInvalid(this.fieldLabel + this.blankText);
                else
                    this.markInvalid(this.blankText);
                return false;
            }
        }
        if(value.length<this.minLength) {
            this.markInvalid(String.format(this.minLengthText,this.minLength));
            return false;
        }
        if(value.length>this.maxLength) {
            this.markInvalid(String.format(this.maxLengthText,this.maxLength));
            return false;
        }
        if(this.vtype) {
            var vt=Ext.form.VTypes;
            if(!vt[this.vtype](value,this)) {
                this.markInvalid(this.vtypeText||vt[this.vtype+'Text']);
                return false;
            }
        }
        if(this.regex&&!this.regex.test(value)) {
            this.markInvalid(this.regexText);
            return false;
        }
        return true;
}

它就会提示这样