Extjs 简单扩展 Component 实现点击刷新的验证码

1. Ext.Image=Ext.extend(Ext.Component,{  
2.     initComponent:function ()  
3.     {  
4.           
5.     },  
6.     onRender:function (ct, position)  
7.     {  
8.         var  a= document.createElement( 'A' );  
9.         a.id = this .id;a.href= "javascript:void(0)" ;  
10.         var  el = document.createElement( 'IMG' );  
11.         el.src=this .src+ '?' +Math.random();  
12.         a.appendChild(el);  
13.         this .el = Ext.get(ct.dom.appendChild(a));  
14.         if ( this .autoRefresh)  
15.             this .el.on( 'click' ,  this .onClick,  this );  
16.     },  
17.     onClick: function (e){  
18.         this .el.first().dom.src= this .src+ '?' +Math.random();  
19.     }  
20. })  
21. Ext.reg('ximg' ,Ext.Image);
    

使用：

 

1. {  
2.     xtype:'ximg' ,  
3.     src:'http://www.java125.cn/common/getcode.asp' ,  
4.     autoRefresh:true   
5. }