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

来源:互联网 发布:吉利知豆d2补贴后价格 编辑:程序博客网 时间:2024/06/05 04:38
        用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 : '正在提交,请稍等...'})}}}}


原创粉丝点击