标签：
转自：http://blog.sina.com.cn/s/blog_8d4bbd890100xaxh.html
上多少篇文章，重要学习了Extjs4 Grid的使用方法，从本篇开端，我们开始其余组件的学习，使用。在登录、注册甚至是发表文章或帖子的时候，都会用到验证码这个货色，那么在EXTJS 中，能够使用验证码功能么？谜底是确定的，在EXTJS4之前，也有良多验证码的实现，在Extjs4中，验证码到底如何实现呢？
临时，我们将验证码组件，命名为CheckCode。此组件继续自Ext.form.field.Text，在实现之前，我们须要写两个款式，分辨用来把持验证码的输入框跟验证码图片的大小。
CSS样式为：
记住这两个样式的定义，后面，我们会用到它。
验证码的JS代码：
以上代码中，定义了一个“类”，名字是：SMS.view.CheckCode，实在这个名字，相称于extjs 3.x之中的命名空间，以前也提到过。它继承自Ext.form.field.Text，在它的onRender中，我们写了一些代码。其中this.callParent(arguments); 取代了xxxx.superclass.onRender.call(this, ct, position);在Ext.form.field.Text的基本上，应用createChild方式，创建了一个图片，并为其增加了一个名为x- form-code，而后，给其创立了一个click事件，这个事件实现的功能是，当咱们点击验证码图片时，换另外一张图片，也就是常说的：“看不清？换 一张功能。”，最后，假如isLoader为True时，调用loadCodeImg办法。至此，验证码功效全体实现了。下面，我们看看如何使用。
新建Login.js文件，定义“类”SMS.view.Login，其全部代码为：
而后在主页面的代码中调用此LoginWindow。
标签：
原文地址：http://www.cnblogs.com/nov5026/p/4549999.html
