extjs表单回车键提交

2018-04-28

原生实现

想实现输入表单的时候直接回车键登录,原生实现是在input框绑定回车keydown事件

function KeyDown() {
    if (event.keyCode == 13) {
        event.returnValue = false;
        event.cancel = true;
        Form1.btnsubmit.click();
    }
}

ext实现

extjs在textfield添加specialkey事件,提供的键有HOME,END,PAGE_UP,PAGE_DOWN,TAB,ESC,LEFT,RIGHT,UP,DOWN,通过event.getKey()方法来获取对应的键,自定义更多的键盘事件,可以通过KeyMap来定义 

{
    xtype:'textfield',
    fieldLabel: '用户名',
    emptyText: '用户名',
    allowBlank: false,
    name: 'username',
    listeners: {
        specialkey (field, e) {
            if (e.getKey() === e.ENTER) {
                // 调用登录
            }
        }
    }
}

 

本文为原创,未经授权,禁止任何媒体或个人自媒体转载
商业侵权必究,如需授权请联系340443366@qq.com
标签: extjs

评论

Loading...

最新评论

相关推荐

extjs表格常用配置
extjs官方提供了grid组件来实现丰富的表格功能,如树形表格,checkbox表格等等,下面列举一些常用的配置,可以...
extjs自定义列表
extjs提供了很多官方组件,例如grid,table,tab,却找不到普通的list组件,可以通过继承Ext.view...
extjs跨域请求
前后端分离架构离不开跨域请求,ext也不例外,ext封装了jsonp模块,相关的有 jsonpStore 和 jsonp...
scroll-top-icon