Easyui下的点击回车键跳转到下个控件
在Easyui框架下,JavaScript 中的 onKeyDown事件居然失效了。所以使用了另外的函数去实现点击回车键跳转到下个控件。
/**
* 点击回车键跳转到下个控件;
* @param oldId 被点击的textbox
* @param newId 下个要选中的控件ID
*/
function keydownText(oldId,newId){
var col=document.getElementById(oldId);
if(col.className=='easyui-combobox'){
$('#'+oldId).combobox({
inputEvents: $.extend({}, $.fn.combobox.defaults.inputEvents, {
keydown: function (e) {
if (e.keyCode == 13) {
$('#'+oldId).combobox('hidePanel');
$('#'+newId).textbox('textbox').focus();
}
else if (e.keyCode == 40) {
$('#'+oldId).combobox('showPanel');
}
}
})
});
}
else if(col.className=='easyui-numberbox'){
$('#'+oldId).numberbox({
inputEvents: $.extend({}, $.fn.numberbox.defaults.inputEvents, {
keydown: function (e) {
if (e.keyCode == 13) {
$('#'+newId).textbox('textbox').focus();
}
}
})
});
}
else {//if(col.className=='easyui-textbox')
$('#'+oldId).textbox({
inputEvents: $.extend({}, $.fn.textbox.defaults.inputEvents, {
keydown: function (e) {
if (e.keyCode == 13) {
$('#'+newId).textbox('textbox').focus();
}
}
})
});
}
}
keydownText函数
2.前台页面
<tr>
<td class="pe-label">学历:</td>
<td class="pe-content">
<input id="baseinfo_base19" name="baseinfo_base19" class="easyui-combobox">
</td>
<td class="pe-label">目前职业:</td>
<td class="pe-content">
<input id="baseinfo_base20" name="baseinfo_base20" class="easyui-combobox">
</td>
<td class="pe-label">工作单位:</td>
<td class="pe-content">
<input id="baseinfo_base21" name="baseinfo_base21" class="easyui-textbox">
</td>
</tr>
html代码
3.在JS页面中的引用
$(function(){
keydownText('baseinfo_base19','baseinfo_base20');
keydownText('baseinfo_base20','baseinfo_base21');
});
实现功能
不过这个函数在对combox的回车键跳转时,存在一点问题,有待解决中。
Easyui下的点击回车键跳转到下个控件的更多相关文章
- 基于MVC4+EasyUI的Web开发框架经验总结(4)--使用图表控件Highcharts
在我们做各种应用的时候,我们可能都会使用到图表统计,以前接触过一些不同的图表控件,在无意中发现了图表控件Highcharts,其强大的功能和丰富的互动效果,令人难以忘怀.本篇主要介绍在Web开发中使用 ...
- VS编程,编辑WPF过程中,点击设计器中界面某一控件,在XAML中高亮突出显示相应的控件代码的设置方法。
原文:VS编程,编辑WPF过程中,点击设计器中界面某一控件,在XAML中高亮突出显示相应的控件代码的设置方法. 版权声明:我不生产代码,我只是代码的搬运工. https://blog.csdn.net ...
- Android 使用代码主动去调用控件的点击事件(模拟人手去触摸控件)
使用代码主动去调用控件的点击事件(模拟人手去触摸控件) //View 可以是LinearLayout,Button,TextView View.performClick();
- 记录下帮助一位网友解决的关于android子控件的onTouch或onClick和父OnTouch 冲突的问题。
前三天收到位网友的私信求助,问题大概如标题所示.具体是下面的情况,个人感觉,这个问题挺有趣,也会在实际项目开发中很常见.不想看前奏的请直接跳至解决方法. 问题原型: 父控件是自定义的 LinearLa ...
- (转)基于MVC4+EasyUI的Web开发框架经验总结(4)--使用图表控件Highcharts
http://www.cnblogs.com/wuhuacong/p/3736564.html 在我们做各种应用的时候,我们可能都会使用到图表统计,以前接触过一些不同的图表控件,在无意中发现了图表控件 ...
- C# Winform下一个热插拔的MIS/MRP/ERP框架(通用控件)
一直对商业控件不感冒, 结合日常工作, 我写了几个常用控件. 一.下拉框控件(仿Access下拉框:F4下拉,自动输入,支持单/多列显示),可在Datagridview中使用. 1.常规: 2.Dat ...
- laydate年份选择,关闭底框,点击指定年份就选择然后关闭控件,翻页不选择也不关闭控件
如下图,翻页不选择也不关闭.点击指定年份时再选择和关闭控件 代码如下 // 默认没有选择,把判断赋值当前时间 var iYearCode = parseInt(new Date().getFullYe ...
- js 回车键 跳转到下一个输入框
window.document.onkeydown(){ if(event.keyCode==13) event.keyCode=9; }
- 基于MVC4+EasyUI的Web开发框架经验总结(13)--DataGrid控件实现自动适应宽带高度
在默认情况下,EasyUI的DataGrid好像都没有具备自动宽度的适应功能,一般是指定像素宽度的,但是使用的人员计算机的屏幕分辨率可能不一样,因此导致有些地方显示太大或者太小,总是不能达到好的预期效 ...
随机推荐
- LitJson(读Exce文件写入到json文件):
读Exce文件写入到json文件汇总: //命名空间 using System.Collections; using System.Collections.Generic; using System. ...
- 转:Android中的Handler的机制与用法详解
注:Message类的用法: message的几个参数都可以携带数据,其中arg1与arg2可以携带int类型,what是用户自定义的int型,这样接受者可以了解这个消息的信息. 说明:使用Messa ...
- (转)python 集合,列表,元组,字符串,文件等操作总结
原文:http://www.cnblogs.com/songqingbo/tag/python%E5%87%BD%E6%95%B0/
- 嵌入式 C 语言编程总结
嵌入式 C 语言编程总结 目录: 全局变量 1.全局变量 在纯 C 语言(Pure C)开发的嵌入式程序中,需要在多处用到同一个变量,需要注意几点: 不要在头文件中对变量进行定义 头文件中变量的声明添 ...
- checkBox 全选、全不选、反选
checkBox的使用: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: ...
- JAVA避免入坑必备
1.关于@Override Annocation 对于子类(包括并且特别是匿名类)中,重写父类的函数,一定要加上@Override.这会帮助你避免很多不必要的看起来让人恼怒的错误.比如,为什么子类重写 ...
- java webServer(一)
java webServer实现 浏览器和服务器使用的是http协议,http协议使用的是tcp 这里主要在服务器端监听端口号 实现功能 通过浏览器向服务器发送http请求:http://localh ...
- canvas制作倒计时炫丽效果
<!DOCTYPE html> <head> <title>canvas倒计时</title> <style> .canvas{ displ ...
- 数组k平移三种方法(java)
上代码,本文用了三种方法实现,时间复杂度不一样,空间复杂度都是o(1): public class ArrayKMove { /** * 问题:数组的向左k平移,k小于数组长度 * @param ar ...
- centos6.5_64bit_tomcat7开机自启
一.创建tomcat脚本 vim /etc/init.d/tomcat 将下面的内容拷到脚本里面 =================================================== ...