ExtJS实现弹出密码输入框
来源:互联网 发布:北京algorithm算法 编辑:程序博客网 时间:2024/05/17 06:21
ExtJS实现弹出密码输入框
PS.我使用的ExtJS是3.2.1,比较老的版本了,新版本没试过,不过原理都是一样的,有兴趣的可以尝试一下
使用ExtJS弹出输入框时,很自然的会想到:
Ext.MessageBox.prompt('提示', '请输入',function(btn,text){});
但是当要求输入密文时,就很不方便了,默认是不密文显示的,因此就需要把这个方法改造一下。
根据这个方法可知,弹出框也只是一个文本框,只要把文本框的type=“text”改成type=“password”即可。
- 首先找到ext-all-debug.js,Ext.MessageBox是在这个文件中的
- 根据ExtJS源码可以看出,前面是定义参数和按钮的,弹出框一定是new出来的一个窗口,然后定义窗口的大小参数样式,然后有一个输入框,继续往下看源码
- 从上图可以看出,跟我预想的一样,是new出来的一个窗口,宽400,高100并且有关闭操作,继续往下看
- 从源码上可以看到第26324行,是定义了一个div,div里面有个文本框,截图显示不全,我单独把它取出来
<div class="ext-mb-icon"></div><div class="ext-mb-content"> <span class="ext-mb-text"></span> <br /> <div class="ext-mb-fix-cursor"> <input type="text" class="ext-mb-input" /> <textarea class="ext-mb-textarea"> </textarea> </div></div>
默认的type=“text”,只要改成type=“password”即可密文显示,可改过之后,以后只要调用这个方法,都是密文显示,因此想个办法,那就是重写这个方法,其实很简单,把这段源码全部摘出来,新建一个ext-messageboxpassword.js的文件,把方法名改成MessageBoxPassword,以后需要密文输入框时,直接使用Ext.MessageBoxPassword.prompt('提示', '请输入',function(btn,text){});
即可
这里我共享出修改好的js文件,需要的可以点击下载,直接引用后调用就行
效果展示:
0 0
- ExtJS实现弹出密码输入框
- java实现弹出认证输入框(弹出一个带有用户名和密码输入的对话框)
- 底部弹出密码输入框
- extjs完美实现“密码框显示提示文字,不显示输入文字”的变态需求!!!
- ios弹出密码输入框并限定输入位数
- 点修改密码后,用JS实现弹出框 在框里输入密码后点修改返回
- Edittext实现密码输入框
- 弹出提示要输入密码
- xcode运行模拟器时弹出密码输入框之解决方案
- xcode运行模拟器时弹出密码输入框之解决方案
- 解决Xcode运行模拟器时弹出密码输入框
- 使用eclipse时弹出框要求输入用户名和密码
- 简单自定义Popwindow,仿支付宝微信密码输入弹出框
- extjs各种弹出框
- extjs各种弹出框
- Extjs弹出框
- EXTJS 弹出提示框
- extjs各种弹出框
- 如何平衡可信交易?
- jQuery checkbox事件
- AndroidStudio-调节主题代码编辑区和LogCat字体大小和背景颜色
- Linux 中的各种栈:进程栈 线程栈 内核栈 中断栈
- UNIX/LINUX 下的WEBLOGIC的安装、配置和启动
- ExtJS实现弹出密码输入框
- SAX解析、处理器重写的方法
- 单例模式Singleton
- SpringMVC实现前后台交互jQuery dataTables
- Eclipse如何设置编码格式?(3种方式)
- DeepLearning tutorial(1)Softmax回归原理简介+代码详解
- GridBagLayout的用法
- Illegal mix of collations (latin1_swedish_ci,IMPLICIT) and (utf8_general_ci,COER
- HDU2846-Repository