EasyUI回车提交表单
EasyUI 提交 表单 回车
2023-09-27 14:25:13 时间
一、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); });
相关文章
- 【EasyUI】——EasyUI的布局
- abp(net core)+easyui+efcore实现仓储管理系统——出库管理之六(五十五)
- abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之五(三十一)
- abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之二(二十八)
- EasyUI-在iframe里获取现阶段选中的tab的标题
- easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大
- jquery easyui的使用
- easyui_动态添加隐藏toolbar按钮
- SpringMVC整合fastjson、easyui 乱码问题
- easyui-如何判断的 dialog 是 打开还是关闭状态?
- easyui 无限级数tree[menulist1 = GetMenuList(sm2,menulist1);]