`

ExtJs回车事件

阅读更多

Ext使得对用户某个动作的监听特别简单,诸如单击某个元素或者按下某个键盘上的键。

一个经常性的任务就是监听回车按键,然后提交表单,让我们看如何完成这一任务

var messageField=new Ext.form.TextField({    
        name:'messageField',    
        style:'width:300px;',    
        listeners:{    
            specialkey:function(field,e){    
                if (e.getKey()==Ext.EventObject.ENTER){    
                         this.submit();
                }    
            }    
        }    
    });

 

specialkey监听器(listener)用来监听任何你需要监听的按键。这个监听器可以在上下左右箭头按键被按下时触发,或者Tab、Esc等等。这就是为什么我们要先判断是否按下的是回车键,这样的话,表单只能通过回车键提交

分享到:
评论

相关推荐

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    在EXTJS的代码中,我们可能需要监听`checkchange`事件,并在事件处理函数中检查当前选中的行数,然后根据这个数量更新全选复选框的状态。 例如,我们可以这样修改`dfCommon.js`文件: ```javascript // 获取表格的...

    extjs 登陆页面+验证码

    至于“回车提交”,ExtJS中的表单支持键盘事件监听。我们可以为整个表单添加`tabindex`属性,使其成为焦点,然后监听`keyup`事件,当检测到回车键被按下时,触发登录按钮的点击事件。 至于压缩包中的其他文件,如...

    extjs实现登陆验证

    4. **键盘事件绑定**:通过`keys`配置项绑定了回车键事件,使得用户可以在不使用鼠标的情况下通过键盘操作完成登录过程,提高了用户体验。 ### 结论 通过以上分析,我们了解到ExtJS框架下实现登录验证的基本流程和...

    ExtJS 资料收集

    在ExtJS中,我们可以方便地监听键盘事件,例如回车键,以实现特定功能,如表单提交。以下是一个典型的例子,展示了如何监听回车键并触发登录操作: ```javascript // 创建一个表单 Ext.define('Demo.view.Viewport'...

    extjs总结.docx

    3. **事件监听**:EXTJS提供了方便的事件监听机制。例如,监听回车键提交表单:`{specialkey: function(f,e){ if (e.getKey() == e.ENTER) {...}}`。这种方式可以为不同用户操作绑定相应的处理函数。 4. **表单验证...

    ext输入框点击回车键直接进入查询

    总结来说,实现“EXT输入框点击回车键直接进入查询”这一功能,主要涉及EXTJS的组件创建、事件监听、键盘事件处理以及自定义查询逻辑。通过这些步骤,我们可以创建一个响应用户输入、具有良好交互体验的Web应用。在...

    组合框combo里面change和click的区别

    在处理用户交互时,我们可能会遇到两种常见的事件:`Change` 和 `Click`。了解它们之间的区别是编写有效用户界面逻辑的关键。 1. **Change事件** - `Change`事件在用户从组合框中做出选择并确认后触发。当用户从...

    Extjs-多功能下拉树列表

    4. **键盘导航**:支持使用键盘上的上下左右箭头键、回车键、ESC键以及TAB键来进行导航和操作,极大提升了可访问性。 5. **智能过滤**:用户可以通过输入汉字或拼音首字母来快速过滤树中的结点,实现高效的查找功能...

    奇怪的回车换行问题

    在IE9中,通过ExtJS的Ajax请求,回车(\r)的编码 `%0D` 丢失,只有换行(\n)的编码 `%0A` 存在。而当使用表单的常规提交(`form submit`)时,回车和换行的编码都在。 这可能与ExtJS内部的`serializeForm`函数...

    关于extjs4如何获取grid修改后的数据的问题

    `edit`事件在Grid中的某个单元格进入编辑模式并且用户结束编辑(比如离开该单元格、按下回车键等)时触发。该事件会提供一个对象参数,包含关于编辑操作的详细信息。 这个对象通常命名为`e`,包含了多个属性,详细...

    学习ExtJS form布局

    - **defaultButton**:指定默认按钮,当用户按下回车键时,会触发该按钮的点击事件。 四、表单验证 ExtJS 提供了强大的表单验证机制,每个表单字段可以有自己的验证规则,例如`vtype`属性可以设定字段的验证类型,...

    Feng Office v2.5 多国语言版.zip

    错误修正:提交回车键通用搜索表单不会在谷歌Chrome浏览器工作 错误修正:使用所见即所得的链接时,现在保存为这种 错误修正:初级面包屑显示确切的上下文 错误修正:mysql的交易问题,而无需使用一个cronjob发送...

    EfsFrame(java开发框架) v2.2 源代码.rar

    c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...

    EfsFrame(net开发框架) v2.2 源代码.rar

    c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...

    EfsFrame(php开发框架) 2.2.rar

    c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...

    EfsFrame(php开发框架) v2.2 源代码.rar

    c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...

    Feng Office 2.5

    错误修正:提交回车键通用搜索表单不会在谷歌Chrome浏览器工作 错误修正:使用所见即所得的链接时,现在保存为这种 错误修正:初级面包屑显示确切的上下文 错误修正:mysql的交易问题,而无需使用一个cronjob发送...

    EzDict.NET 易典 免费在线辞典

    在页面顶部的查询框中输入您要查询的单词,点击查询按钮或回车就可以在数部中英辞典中查询您需要的解释。包括的数据库有: •简明英汉/汉英词典 •牛津英汉词典 •牛津高阶辞典 •科技辞典 •现代汉语词典 •...

Global site tag (gtag.js) - Google Analytics