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

Stella981
• 阅读 313

用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 : '正在提交,请稍等...'  
                            })  
        }  
    }  
}
点赞
收藏
评论区
推荐文章
刚刚好 刚刚好
5个月前
css问题
1、在IOS中图片不显示(给图片加了圆角或者img没有父级)<div<imgsrc""/</divdiv{width:20px;height:20px;borderradius:20px;overflow:h
晴空闲云 晴空闲云
5个月前
css中box-sizing解放盒子实际宽高计算
我们知道传统的盒子模型,如果增加内边距padding和边框border,那么会撑大整个盒子,造成盒子的宽度不好计算,在实务中特别不方便。boxsizing可以设置盒模型的方式,可以很好的设置固定宽高的盒模型。盒子宽高计算假如我们设置如下盒子:宽度和高度均为200px,那么这会这个盒子实际的宽高就都是200px。但是当我们设置这个盒子的边框和内间距的时候,那
陈占占 陈占占
1年前
虚拟机与SXhell6 的链接
1.安装虚拟机(自己上网安装虚拟机)1.我用的是CentOS7的镜像选择语言然后就是用户名与密码(建议密码设一样的)等进度条满了,有一个重置按钮(在后台运行的)然后等待,虚拟机重启localhostlogin:zxc(用户名)Password:(密码自己输入是看不见的)输入完后回车换成root用户($表示是普通用户,表示当前是ro
艾木酱 艾木酱
5个月前
快速入门|使用MemFire Cloud构建React Native应用程序
MemFireCloud是一款提供云数据库,用户可以创建云数据库,并对数据库进行管理,还可以对数据库进行备份操作。它还提供后端即服务,用户可以在1分钟内新建一个应用,使用自动生成的API和SDK,访问云数据库、对象存储、用户认证与授权等功能,可专
Stella981 Stella981
1年前
Python读取Excel绘制柱状图
这里使用的是JupyterNotebook。1.打开JupyterNotebook,然后按回车键(enter),在打开的网页中,我们找到New,打开Python3。!(https://oscimg.oschina.net/oscnet/upabedd72c287d1f5466a25dc17e19507f650.png)!
Wesley13 Wesley13
1年前
C++中字符串输入处理
1、cincin是C中最常用的输入语句,当遇到空格或者回车键即停止.如:include<iostreaminclude<stringusingnamespacestd;intmain(){        chara\50\;        cina;            
Wesley13 Wesley13
1年前
IOS中键盘自动隐藏
前言很多时候当我们在一个文本框中输入信息后,按了确认或者返回键需要隐藏键盘,或者在其他空白区域点击屏幕后也需要隐藏屏幕。这时肯定就需要让相应的控件响应Tap事件(点击事件),这样我们才能处理。实现隐藏的两种方法在IOS中有一个概念叫FirstResponder,意指第一响应者,也就是当前屏幕上,处于焦点状态的控件,它是第一响
Wesley13 Wesley13
1年前
Ubuntu Server Aptitude 命令
相对于aptget来说,aptitude是一个带文本图形界面的高级接口,操作起来比较方便。如果不带任何子命令或参数,直接输入aptitude命令后按回车键,则会出现它的界面:Aptitude命令行上的用法,aptitude的用法和aptget有些类似。比如:更新:$ sudo aptitude update升
Easter79 Easter79
1年前
Spring事件机制之ApplicationListener与ApplicationEvent 一、一些概念 二、spring事件机制
一、一些概念 事件是可以被控件识别的操作,如按下确定按钮,选择某个单选按钮或者复选框。每一种控件有自己可以识别的事件,如窗体的加载、单击、双击等事件,编辑框(文本框)的文本改变事,等等。事件有系统事件和用户事件。系统事件由系统激发,如时间每隔24小时,银行储户的存款日期增加一天。用户事件由用户激发,如用户点击按钮,在文本框中显示特定的文
Wesley13 Wesley13
1年前
linux修改用户密码
直接修改密码 通过whoami可以查看当前登陆的用户。直接输入 passwd  回车,输入2次密码就是修改当前的用户名(提示all authentication tokens updated sucessfully 表示密码修改OK) passwd修改某个用户的密码(注意要管理员权限或者本账号)
helloworld_28799839 helloworld_28799839
5个月前
常用知识整理
Javascript判断对象是否为空jsObject.keys(myObject).length0经常使用的三元运算我们经常遇到处理表格列状态字段如status的时候可以用到vue