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) {
                // 调用登录
            }
        }
    }
}

 

标签: extjs

如果本文对您有所帮助,可以扫下面二维码给我支持,您的鼓励是我前进的动力!

微信

支付宝

目录

评论

*
*

正在加载验证码......

最新评论

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