extjs Enter 回车键

最新推荐文章于 2020-08-20 14:28:02 发布

转载最新推荐文章于 2020-08-20 14:28:02 发布 · 384 阅读

本文介绍如何在ExtJS框架中实现用户在输入框按下回车键后触发登录操作，通过为表单字段添加特殊按键监听器实现用户体验优化。

使用extjs已经有一段时间了，开始时做了个登录界面，输入用户名，密码然后点击确定，登录

在extjs中，Button本身是支持回车事件的，前提是：焦点在按钮上，此时回车和单击事件是一回事

鉴于系统的友好性和人们的习惯，输入两者后会按回车键登录系统

开始时想这个问题了，但是无从下手，因为我一直认为这个应该是在button上监听回车事件，就是输入用户名和密码后按回车键时应该是button来响应该事件。

查了extjs手册Button的事件中没有响应回车键的事件或者是specialkey事件

今天有时间回头想这个问题，其实我的真实想法是在按按钮前来响应回车事件，应该是form的field来响应回车事件

{ layout: "form", labelWidth: 200, labelAlign: "right", items: [{ id: "txtIssuedNum", xtype: "numberfield", fieldLabel: '<% = GetLocalResourceObject("WriteAddRecordText") %>',
                     allowDecimals: false, nanText: '<% = GetLocalResourceObject("WriteIntText") %>', allowNegative: false, maxValue: 50, minValue: 1,
                     listeners: {
                         specialkey: function (field, e) {
                             if (e.getKey() == Ext.EventObject.ENTER) {
                                 btn_submit();
                             }
                         }
                     }

                 }]
                 },