extjs form 回车提交

本文介绍了一个Ext.ux.form.Panel组件,该组件能够实现表单中各元素的回车键验证及自动切换功能。当按下回车键时,会检查当前字段的有效性;若有效,则继续验证后续字段,并在所有字段都有效的情况下更新记录。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

/**
 * 该表单提供对各个元素回车验证并且自定切换到下一个元素功能
 */
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 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值