频道栏目
首页 > 程序开发 > 综合编程 > 其他综合 > 正文
EasyUI回车提交表单
2015-06-26 11:25:00         来源:BruceOuyang 的专栏  
收藏   我要投稿

一、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(){
	bindFormComm("searchForm","data.plateNumber", doSearch4Bus);
});


 

 


						
点击复制链接 与好友分享!回本站首页
相关TAG标签 表单
上一篇:Maven项目中,xml配置文件中的中文注释乱码
下一篇:一些项目——连续奇数和
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站