目录视图摘要视图订阅 基于Extjs开发不允许为空的文本框提示及相应的验证错误提示(转)

    Ext.ComponentMgr.all.each(function(cmp){

var Type=cmp.getXType();         if(Type==‘textfield‘||Type==‘fileuploadfield‘||Type==‘combo‘||Type==‘treecombo‘||Type==‘datefield‘||Type==‘numberfield‘||Type==‘textarea‘||Type==‘timefield‘||Type==‘trigger‘){                  

if(cmp.allowBlank==false){  

                   cmp.cls="Diy-text";  

                   cmp.blankText="该输入项不能为空！";  

                         }               

        }                                     

    });  

}  

Ext.form.TextField.prototype.validateValue = function(value){   

var iconid=this.id+"icon";  

var con=document.getElementById(iconid);      

var error = this.getErrors(value)[0];  

if (error != undefined) {             

this.markInvalid(error);  

1.          setValidIcon(con,this);      
2. return false;       
3.     }  
4. this.clearInvalid();  
5. return true;  
6. }  
7. function setValidIcon(con,obj){  
8. if(con==null){  
9. var x0=0,y0=0;  
10.         x0=(obj.x+obj.getWidth()-18)||(obj.getWidth()+85);  
11.         y0=obj.y||0;  
12. if(obj.getXType()=="combo"||obj.getXType()==‘treecombo‘||obj.getXType()=="datefield"||obj.getXType()=="fileuploadfield"){  
13. var wid=document.getElementById(obj.id).style.width;  
14.             wid=wid.substring(0,wid.length-2);  
15.             x0=Number(wid);  
16.             y0=0;  
17.         }  
18. var parentNode=document.getElementById(obj.id).parentNode;  
19. var newChild=document.createElement("div");  
20.         newChild.setAttribute("name","invalid-icon");  
21.         newChild.setAttribute("id",obj.id+"icon");  
22.         newChild.setAttribute("class","x-form-invalid-icon");  
23.         newChild.setAttribute("className","x-form-invalid-icon");         
24.         newChild.setAttribute("style","left:"+x0+"px; top:"+y0+"px; visibility: visible;z-index:10;");  
25.         parentNode.appendChild(newChild);  
26.             }     
27. }  

1. var error = this.getErrors(value)[0];  
2. if (error != undefined) {             
3.      this.markInvalid(error);  
4.      setValidIcon(con,this);      
5.      return false;       
6. }  
7. this.clearInvalid();  
8. return true;  

1. Ext.form.TextField.prototype.validateValue = function(value){   
2.     var iconid=this.id+"icon";  
3.     var con=document.getElementById(iconid);      
4.     var error = this.getErrors(value)[0];  
5.     if (error != undefined) {             
6.          this.markInvalid(error);  
7.          setValidIcon(con,this);      
8.          return false;       
9.     }  
10.     if(Ext.get(iconid)){  
11.         Ext.get(iconid).remove();//在这里清除  
12.     }     
13.     this.clearInvalid();  
14.     return true;  
15. }  

1. Ext.form.TextField.prototype.clearInvalid=function(){     
2.     if (this.rendered && !this.preventMark) {  
3.         this.el.removeClass(this.invalidClass);  
4.         var mt = this.getMessageHandler();  
5.         if(mt){  
6.             mt.clear(this);  
7.         }else if(this.msgTarget){  
8.             this.el.removeClass(this.invalidClass);  
9.             var t = Ext.getDom(this.msgTarget);  
10.             if(t){  
11.                 t.innerHTML = ‘‘;  
12.                 t.style.display = ‘none‘;  
13.             }  
14.         }  
15.         var iconid=this.id+"icon";  
16.         if(Ext.get(iconid)){  
17.             Ext.get(iconid).remove();  
18.         }         
19.     }    
20.     this.unsetActiveError();  
21. }  

1. function checkVtype(){  
2.     var re=true;      
3.     Ext.ComponentMgr.all.each(function(cmp){  
4.         var Type=cmp.getXType();  
5.         if(Type==‘textfield‘||Type==‘combo‘||Type==‘treecombo‘||Type==‘datefield‘||Type==‘numberfield‘||Type==‘textarea‘||Type==‘timefield‘||Type==‘trigger‘){                   
6.             if(cmp.isVisible()){  
7.                var va=cmp.isValid();                 
8.                re=va?re:va;   
9.             }  
10.          }                                    
11.     });  
12.     if(re==false)  
13.         Ext.MessageBox.show({title: ‘错误‘,msg: "您输入的信息验证错误，请核对后再执行该操作！<br/><span style=‘color:brown;‘>错误原因：</span><span style=‘color:red;‘>格式不正确或输入值为空。</span>",buttons: Ext.MessageBox.OK,icon: Ext.MessageBox.ERROR});  
14.     return re;  
15. }