EasyUI回车提交表单

15 篇文章 0 订阅
7 篇文章 0 订阅

一、js工具类

/*******************************************************************************
 * 表单光标定位
 * 
 * @param formId
 * @param focusInputName
 */
function formFocus_Bruce(formId, focusInputName) {
	window.setTimeout(function() {
		$("#" + formId + " input[name='" + focusInputName + "']").focus();
	}, 0);
}

function formFocusTextArea_Bruce(formId, focusInputNameId) {
	window.setTimeout(function() {
		$("#" + formId + " #" + focusInputName).focus();
	}, 0);
}

function formFocusTextArea(formId, focusInputName) {
	window.setTimeout(function() {
		$("#" + formId + " textarea[name=" + focusInputName + "]").focus();
	}, 0);
}

/*******************************************************************************
 * 绑定指定表单元素类型的回车事件
 * 
 * @param formId
 *            表单
 * @param element
 *            元素类型 (input/select/radio/...)
 * @param subFunction
 *            回车后要执行的js函数
 * @param eventName
 *            键盘事件 (keyup/keydown/keypress...)
 */
function bindEnter_Bruce(formId, element, subFunction, eventName) {
	$("#" + formId + " " + element).bind(eventName, function(event) {
		if (event.keyCode == '13') {
			subFunction();
		} 
	});
}

/*******************************************************************************
 * 表单回车事件绑定 表单光标定位
 * 
 * @param formId
 * @param focusInputName
 * @param subFunction
 *            回车要执行的函数
 */
function bindFormComm(formId, focusInputName, subFunction) {
	bindEnter_Bruce(formId, 'input', subFunction, 'keyup');
	bindEnter_Bruce(formId, 'select', subFunction, 'keyup');
	formFocus_Bruce(formId, focusInputName);
}



二、测试用例

/**
 * 测试用例:
 * 
 * 绑定页面回车事件,以及初始化页面时的光标定位
 * 
 * @formId
 * 			表单ID	
 * @elementName
 * 			光标定位在指点表单元素的name属性的值
 * @submitFun
 * 			表单提交需执行的任务
 * 
 */
$(function(){
	bindFormComm("formId","elementName", submitFun);
})



三、实际使用

/**绑定页面回车事件,以及初始化页面时的光标定位**/
$(function(){
<span style="white-space:pre">	</span>bindFormComm("searchForm","data.plateNumber", doSearch4Bus);
});




                
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值