`
Fangrn
  • 浏览: 818205 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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. }
分享到:
评论

相关推荐

    ssh+extjs全注解登陆实现,包含验证码和记住用户名等

    ExtJS的全注解登陆实现意味着开发者使用了注解来简化和自动化登录功能的配置,这样可以减少代码量,提高可读性和可维护性。 在这个特定的项目中,SSH可能被用来创建后端服务器,处理用户的登录请求和验证。而ExtJS...

    ExtJS登入验证码的实现

    在这个特定的场景中,我们要探讨的是如何在ExtJS中实现一个登录验证系统,特别是涉及到验证码的生成和验证。 验证码(CAPTCHA)是一种防止恶意自动化程序(如机器人)进行非法操作的安全机制。它通常要求用户输入...

    EXTJS扩展例子集

    每个组件都可能带有源代码,这对于我们理解EXTJS组件的实现机制和扩展方法非常有价值。 EXTJS3.0中的扩展通常包括以下部分: 1. **新组件**:开发者可能会创建全新的UI元素,比如一个高级的表格组件,具备更丰富的...

    ExtJs DWR扩展 DWRProxy、DWRTreeLoader、DWRGridProxy

    ExtJs和Direct Web Remoting (DWR) 是两种在Web应用程序中实现富客户端交互的技术。ExtJs是一个强大的JavaScript框架,用于构建用户界面,而DWR则是一个允许JavaScript直接调用服务器端Java方法的库,无需AJAX的...

    extjs 登陆页面+验证码

    标题中的“extjs 登录页面+验证码”表明我们要讨论的是使用ExtJS框架构建的一个登录页面,其中包含了验证码功能。ExtJS是一个流行的JavaScript库,用于构建桌面级的Web应用程序,它提供了丰富的用户界面组件和强大的...

    Extjs4登录功能+验证码+struts2

    在"Extjs4登录功能+验证码+struts2"这个主题中,我们将深入探讨如何利用ExtJS4构建一个带有验证码功能的登录界面,并结合Struts2后端框架实现数据验证和处理。 首先,登录功能是Web应用的基础部分,通常包含用户名...

    ExtJS 组件扩展

    ### ExtJS 组件扩展知识点详解 #### 一、ExtJS组件扩展概述 ExtJS是一款基于JavaScript的开源前端框架,主要用于构建复杂的企业级Web应用程序。它提供了丰富的UI组件库,可以帮助开发者快速构建美观且功能强大的...

    Extjs4 Grid分页与自动刷新

    ### Extjs4 Grid分页与自动刷新 #### 一、Extjs4 Grid 分页功能实现 在使用Extjs4进行Web应用开发时,Grid控件是常用的数据展示组件之一。对于大数据量的情况,通常需要使用分页来提高用户体验。下面详细介绍如何...

    Extjs Grid 扩展实例

    "Extjs Grid 扩展实例"是一个演示如何增强Grid功能的实践案例,通过这个实例,我们可以学习到如何在原有Grid的基础上进行自定义扩展,实现更复杂的数据管理和用户交互。 首先,"extend"在编程中通常意味着类的继承...

    extjs vtype 扩展正则

    Extjs表单VTYPE扩展,方便验证!

    Extjs树分页组件扩展

    "Extjs树分页组件扩展"就是为了解决这一问题而设计的,它通过扩展TreeLoader和PagingToolbar,实现了在树形组件中进行分页加载的效果。 **TreeLoader的扩展** TreeLoader是ExtJS中负责异步加载树节点的类。在原生...

    ExtJs:收集基于ExtJs扩展的一些控件

    本压缩包文件中收集了基于ExtJs扩展的一些控件,这些控件能够进一步增强应用程序的功能和用户体验。 首先,我们来看看“ExtJs:收集基于ExtJs扩展的一些控件”。这个文件可能是对一些自定义或第三方开发的ExtJs控件...

    extjs实现登陆验证

    5. **动态生成验证码图片**:在登录界面中,通过JavaScript动态插入验证码图片,确保每次刷新界面时,验证码都会更新,增强安全性。 #### 详细步骤与代码分析 1. **创建登录窗口实例**:在`onReady`事件处理器中,...

    extjs4.2.1 tabPanel刷新及关闭标签

    在ExtJS 4.2.1中,要实现刷新当前标签页的功能,可以采用以下方式: ```javascript onRefresh: function() { // 获取当前激活的标签项 var item = this.tabPanel.getActiveItem(); // 使用 loader 对象来重新...

    ExtJs3.4 扩展的Tags控件

    总的来说,`ExtJs3.4 扩展的Tags控件`为开发者提供了一种便捷的方式来实现标签输入和展示功能,大大简化了前端开发的工作。通过深入理解这个控件的用法和内部实现,开发者可以更高效地构建具有强大用户界面的Web应用...

    Extjs4 combogrid扩展

    标题中的“Extjs4 combogrid扩展”意味着我们要在ExtJS 4框架内,改造原有的 Combo 组件,使其不仅能够展示简单的列表,还能以数据网格的形式呈现更丰富的信息。这种扩展在处理大量数据或需要多列展示信息时非常有用...

    extjs4+servlet+json+soundmanager2实现定时刷新报警(原创)

    标题 "extjs4 + servlet + json + soundmanager2 实现定时刷新报警" 涉及的是一个基于Web的实时报警系统开发技术,其中包含了多个关键组件和技术。让我们逐一深入探讨这些知识点。 1. **EXTJS4**:EXTJS是一个用...

    Extjs2.x 实现文件上传组件

    在ExtJS 2.x版本中,实现文件上传组件是一项常见的需求,它允许用户在Web应用中选择并上传本地文件到服务器。在本文中,我们将深入探讨如何在ExtJS 2.x中实现这一功能。 首先,我们需要理解ExtJS中的FormPanel组件...

    extjs多选 下拉框扩展

    ExtJS 是一个强大的JavaScript应用程序框架,用于构建交互式的Web...这个扩展可能包括了新的配置项、模板修改、事件处理、数据模型、方法以及行为调整等多个方面,使得在ExtJS应用中实现多选下拉框变得更加简单和便捷。

    extjs扩展包

    本文是extjs的扩展包,可以在页面中插入图片,把这个js文件放入相应的目录下,extjs就是引用这个类型,就可以插入图片

Global site tag (gtag.js) - Google Analytics