Ext.FormPanel回车重复提交问题？

最新推荐文章于 2017-04-16 17:52:42 发布
原创 最新推荐文章于 2017-04-16 17:52:42 发布 · 184 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#EXT

本文探讨了ExtJS中使用FromPanel组件时遇到的问题：即当焦点移至提交按钮并按下回车时导致的重复提交现象。作者分享了两种解决方案：一是通过脚本将光标重新定位至按钮上以避免重复提交；二是引入一个标志位并通过return false;来控制提交行为。

Ext.FromPanel我设置了当回车的时候调用提交的方法，但是如果当焦点移动到提交按钮时再回车的话就提交了两次，该如何解决？？？

 

找到解决方法了

可以在触发回车键的时候，执行将光标移动到按钮上的方法，就可以只提交一次了

 

也可以设置一个标志项，通过return false;来控制

ExtJS带进度条的登陆验证+验证码+回车提交
friendcao的专栏
11-29 3605
ExtJS带进度条的登陆验证+验证码+回车提交  如下是ExtJS的登陆界面效果图：              以下是程序代码：/**************************************login.html*******************************
网页重复提交，使用EXT解决方案
sukyle的专栏
01-20 2245
项目进入尾声，昨天测试系统添加用户的时候，由于业务比较复杂，添加一个用户所要处理的时间比较长，我就连续单击了好几下保存按钮，没想到数据库里面出现了三条一样的数据，而这是不允许的。 刚开始想到可能是事务的问题，就查找了spring事务处理的东西，但是事务处理已经用上了，后来才知道事务是处理同一时间发生的事情，于是就用了如下解决方法： 使用ExtJs的loadMask var
Extjs 解决Combobox重复提交baseParams的问题
panderman的专栏
09-13 1736
在开发的时候，经常遇到一个grid上面要一个combobx来筛选数据 今天在做的时候，combo里面的数据是从后台来的，所以添加了一个baseParams: { "TCombo": "1" }, 属性，当第一次点击的时候，没问题，但当combo添加了select事件用
解决Ext中Editor回车提交时触发两次completeEdit()的问题
java电商源码分享
08-04 782
要使Ext.Editor支持回车提交，增加config completeOnEnter: true 就可以了。   但问题来，当回车后，触发一次  this.completeEdit(); 这时我们可以用弹出提示框做一些判断，当弹出提示框时，由于焦点到了提示框上，又触发了Editor的onblur事件，Editor的onblur中又一次调用了 this.completeEdit();。所以...
Extjs 4 中，表单的回车事件
风中之枫
08-30 6837
可以提交，可以执行其它函数。 代码节选如下： // 监听回车 listeners: { afterRender: function(thisForm, options){ this.keyNav = Ext.create('Ext.util.KeyNav', this.el, {
extjs form 回车提交
iteye_13831的博客
05-28 275
/** * 该表单提供对各个元素回车验证并且自定切换到下一个元素功能 */ Ext.define("Ext.ux.form.Panel",{ extend:"Ext.form.Panel", isValid:function(){ var isValid = true; Ext.Array.each(this.items.items,function(item,i...
Ext JS 3.2搜索框回车出现面板
最新发布
08-15
在 Ext JS 3.2 中实现“在搜索框中按下回车键后显示面板”的功能，可以通过为文本框（`textfield`）添加键盘事件监听器来实现。具体做法是监听 `specialkey` 事件，并在检测到用户按下回车键时触发面板的显示操作。 ...
学习ExtJS form布局
10-29
var _formPanel = new Ext.FormPanel({ title: "人员信息", renderTo: Ext.getBody(), frame: true, width: 500, height: 300, hideLabels: false, labelAlign: "right", defaultType: 'textfield', items...
使用ExtJS实现登录验证
在`createFormPanel`函数中，我们创建了一个`Ext.form.FormPanel`来构建登录表单。这个函数包括了表单的基本配置，如`bodyStyle`（表单内部的样式）、`defaultType`（默认组件类型为文本字段）、`labelAlign`（标签...
EXTJS开发的登录窗口界面与源代码解析
- `specialkey`事件：在输入字段中按下特定按键（如回车键）时触发。 - `submit`事件：表单提交时触发，通常用于验证输入数据的正确性。 - `click`事件：按钮被点击时触发。 #### 4. EXTJS的样式定制 EXTJS的组件...
ExtJS表单提交时，不用鼠标点击按钮提交，直接通过回车键提交
益之的专栏
10-06 3552
用ExtJs实现登陆界面，输入用户名和密码，点击确定后登陆。然而人们习惯于在输入两者后按回车键进行登陆。         在extjs中，Button本身是支持回车事件的，前提是：焦点在按钮上，此时回车和单击事件是一回事。form中的field事件中有specilkey事件，可以响应回车键。在输入用户名，或者密码后点击"回车",让field响应回车事件，然后通过form提交。因此在用户名和密码的
表单form中对回车键的感应
笃行淡言
04-16 661
我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则：    1. 如果表单里有一个type=”submit”的按
ext输入框点击回车键直接进入查询
狐青山的博客
01-25 382
/** 菜单名称 */ var button_Main_formName = new Ext.form.TextField({ name : 'note1', id : 'note1', fieldLabel : '用户名称', listeners : { 'specialkey' : function(field, e) { if (e.getKey() == E...
Extjs学习 Ext.form.FormPanel
jazywoo_在路上
07-13 2882
ExtJS的表单是在html表单的基础上封装来的，样式变成漂亮的样式，但是如果你使用FireBug查看，你就会发现，这些表单控件依然是原来的控件，只是加上了css，让他变得漂亮。     但是如果只是加上css样式，在我看来，ExtJS无法给我一个理由，让我选择它的表单控件，而不是选择控件，因为我已经使用原有的控件相当熟练。     Extjs考虑了类似我这样的想法，它当然有更强大的功
ExtJs回车事件
hunterpanda的博客
10-27 1152
Ext使得对用户某个动作的监听特别简单，诸如单击某个元素或者按下某个键盘上的键。 一个经常性的任务就是监听回车按键，然后提交表单，让我们看如何完成这一任务 var messageField=new Ext.form.TextField({ name:'messageField', style:'width:300px;', ...
Extjs的editgrid控件的重复提交bug
ZuoLuoZhiMa的专栏
07-16 952
editgrid控件有bug，大家慎用啊 http://docs.sencha.com/extjs/4.2 ... /writer/writer.html 在autosync（自动更新）enable的模式下，前一条数据提交到服务端尚未返回并reload之前，编辑下一条信息，会将前一条信息再次提交一次。太可怕了。 测试方法： 为了创造上一条数据未返回就填写下一条信息的场景，需要将 wr
Ext.form.FormPanel 样例
05-26
以下是一个基本的 Ext.form.FormPanel 样例： ```javascript Ext.onReady(function(){ Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), title: '简单表单', width: 300, bodyPadding: 10, default...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值