`
cjblog
  • 浏览: 68653 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

extjs form 回车提交

 
阅读更多
/**
 * 该表单提供对各个元素回车验证并且自定切换到下一个元素功能
 */
Ext.define("Ext.ux.form.Panel",{
	extend:"Ext.form.Panel",
	isValid:function(){
		var isValid = true;
		Ext.Array.each(this.items.items,function(item,index){
			if(!item.isValid()){
				isValid = false;
				item.focus();
				return false;
			}
		});	
		return isValid;
	},
	initComponent:function(){
		var me = this;
		var specialKey = function(field,e,eOpts){
			if (e.getKey() == Ext.EventObject.ENTER) {
				var isValid = true;
				if(!field.isValid()){
					field.focus();
				}else{
					if(me.isValid()) {
						 me.getForm().updateRecord();
					 }
				}
			};
			if(field.old_specialKey){
				field.old_specialKey(field,e,eOpts);
			}
		};
		Ext.Array.each(me.items,function(item,index){
			if(!Ext.isDefined(item.enterChange) || item.enterChange){
				if(item.listeners){
					if(!item.listeners.specialKey){
						item.listeners.specialKey = specialKey;
					}else{
						item.old_specialKey = item.listeners.specialKey;
						item.listeners.specialKey = specialKey;
					}
				}else{
					item.listeners = {specialKey:specialKey};
				}	
			}
		});
		me.callParent(arguments);
	}
});

 

 

如果你想让某个元素不提供回车,设置enterChange:false 

0
1
分享到:
评论

相关推荐

    学习ExtJS form布局

    `FormPanel`对象也提供了`getForm()`方法获取表单实例,可以调用`isValid()`检查整个表单是否有效,或者使用`submit()`方法来异步提交表单并处理服务器响应。 总结,ExtJS的`FormLayout`和`FormPanel`为创建交互式...

    extjs 登陆页面+验证码

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

    extjs实现登陆验证

    3. **表单验证与提交**:在`subjectForm`函数中,使用`myform.getForm().isValid()`检查表单是否有效,如果有效,则通过`form.submit()`方法提交表单数据,设置等待消息、超时时间、成功和失败回调。成功回调会根据...

    extjs总结.docx

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

    ExtJS 资料收集

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

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

    "ext输入框点击回车键直接进入查询"这一主题涉及到的是EXTJS框架中的一个常见功能,即如何在用户在输入框中按下回车键时触发查询操作。EXTJS是一个强大的JavaScript库,用于构建桌面和移动应用,它提供了丰富的组件...

    奇怪的回车换行问题

    而当使用表单的常规提交(`form submit`)时,回车和换行的编码都在。 这可能与ExtJS内部的`serializeForm`函数有关,该函数负责将表单元素的值编码为URL查询参数格式。它使用了JavaScript内置的`...

    Extjs-多功能下拉树列表

    该组件的实现基于Extjs框架,并通过重写`Ext.form.TriggerField`类来实现。具体实现过程中,还涉及到了事件监听、DOM操作等技术手段。 1. **事件处理**:通过添加事件监听器来响应用户的键盘操作和其他交互行为。 2...

    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的自动对应关系默认对应...

Global site tag (gtag.js) - Google Analytics