ExtJS表单提交时,不用鼠标点击按钮提交,直接通过回车键提交

Stella981
• 阅读 685

用ExtJs实现登陆界面,输入用户名和密码,点击确定后登陆。然而人们习惯于在输入两者后按回车键进行登陆。

在extjs中,Button本身是支持回车事件的,前提是:焦点在按钮上,此时回车和单击事件是一回事。form中的field事件中有specilkey事件,可以响应回车键。在输入用户名,或者密码后点击"回车",让field响应回车事件,然后通过form提交。因此在用户名和密码的field中listeners监听specilkey事件。响应回车键是焦点在用户名或者密码的field 时,按回车才会响应。

fieldLabel : '登录帐号',  
name : 'username',  
listeners : {  
    specialkey : function(field, e) {  
        if (e.getKey() == Ext.EventObject.ENTER) {  
            form  
                    .getForm()  
                    .submit(  
                            {  
                                success : function(  
                                        form,  
                                        action) {  
                                      
                                    window.location.href = action.result.url;  
                                      
                                },  
                                url : 'Login',  
                                waitMsg : '正在提交,请稍等...'  
                            })  
        }  
    }  
}
点赞
收藏
评论区
推荐文章
陈占占 陈占占
2年前
虚拟机与SXhell6 的链接
1.安装虚拟机(自己上网安装虚拟机)1.我用的是CentOS7的镜像选择语言然后就是用户名与密码(建议密码设一样的)等进度条满了,有一个重置按钮(在后台运行的)然后等待,虚拟机重启localhostlogin:zxc(用户名)Password:(密码自己输入是看不见的)输入完后回车换成root用户($表示是普通用户,表示当前是ro
Wesley13 Wesley13
3年前
ubuntu 18.04使用root用户登录ssh
ubuntu系统默认root用户是不能登录的,密码也是空的。如果要使用root用户登录,必须先为root用户设置密码打开终端,输入:sudopasswdroot然后按回车此时会提示你输入密码,在password:后输入你现在登录的用户的密码在ubuntu系统中,默认是不开启ssh使用root用户登陆的,在/etc/ssh/sshd\_c
Stella981 Stella981
3年前
Python读取Excel绘制柱状图
这里使用的是JupyterNotebook。1.打开JupyterNotebook,然后按回车键(enter),在打开的网页中,我们找到New,打开Python3。!(https://oscimg.oschina.net/oscnet/upabedd72c287d1f5466a25dc17e19507f650.png)!
Wesley13 Wesley13
3年前
mysql命令行常用命令
 第一招、mysql服务的启动和停止  netstopmysql  netstartmysql  第二招、登陆mysql  语法如下:mysqlu用户名p用户密码  键入命令mysqlurootp,回车后提示你输入密码,输入12345,然后回车即可进入到mysql中了,mysql的提示符是:  mysql
Wesley13 Wesley13
3年前
C++中字符串输入处理
1、cincin是C中最常用的输入语句,当遇到空格或者回车键即停止.如:include<iostreaminclude<stringusingnamespacestd;intmain(){        chara\50\;        cina;            
Wesley13 Wesley13
3年前
IOS中键盘自动隐藏
前言很多时候当我们在一个文本框中输入信息后,按了确认或者返回键需要隐藏键盘,或者在其他空白区域点击屏幕后也需要隐藏屏幕。这时肯定就需要让相应的控件响应Tap事件(点击事件),这样我们才能处理。实现隐藏的两种方法在IOS中有一个概念叫FirstResponder,意指第一响应者,也就是当前屏幕上,处于焦点状态的控件,它是第一响
Wesley13 Wesley13
3年前
Ubuntu Server Aptitude 命令
相对于aptget来说,aptitude是一个带文本图形界面的高级接口,操作起来比较方便。如果不带任何子命令或参数,直接输入aptitude命令后按回车键,则会出现它的界面:Aptitude命令行上的用法,aptitude的用法和aptget有些类似。比如:更新:$ sudo aptitude update升
Wesley13 Wesley13
3年前
linux修改用户密码
直接修改密码 通过whoami可以查看当前登陆的用户。直接输入 passwd  回车,输入2次密码就是修改当前的用户名(提示all authentication tokens updated sucessfully 表示密码修改OK) passwd修改某个用户的密码(注意要管理员权限或者本账号)
赵融 赵融
1年前
安装报错信息汇总,Mac安装Adobe AE/pr/LR/ai/ps/au/dw/id 2024/2023报错问题解决合集(常见错误:已损坏/2700/146/130/127)
1.打开允许“允许任何来源”如何打开允许任何来源?在Finder菜单栏选择【前往】–【实用工具】,找到【终端】程序,双击打开,在终端窗口中输入:sudospctlmasterdisable输入代码后,按【return回车键】,这时候会提示输入密码:直接输入
IT全栈视野 IT全栈视野
4个月前
Vue3回车键实现 Tab 键功能
最近用vue做一个页面的tab功能,客户需要用回车换行。以下这段代码实现了在这3个文本输入框中,按下回车键时模拟Tab键的效果,将焦点切换到下一个输入框。languageimportreffrom"vue";constinput1ref("");const