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好像都没有具备自动宽度的适应功能,一般是指定像素宽度的,但是使用的人员计算机的屏幕分辨率可能不一样,因此导致有些地方显示太大或者太小,总是不能达到好的预期效 ...
随机推荐
- SUN巡检命令
# hostname (主机名)# hostid# uname -X# uname -a # w (进程)# who# last# ps -eaf# /usr/ucb/ps -aux# prstat ...
- 【PHP】 hash加密
之前对密码进行加密是在JS文件里做的,但是不行,改到PHP文件里进行加密比较安全,于是乎…… [原JS加密代码] var password = sha256_digest(pwd); 后来在网上调查方 ...
- HDU 4355——Party All the Time——————【三分求最小和】
Party All the Time Time Limit: 6000/2000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Other ...
- 解决navicate 连接mysql数据库中文乱码的问题
以下均是ubuntu12.04为准 1.修改mysql的配置文件. 1.1.vi /etc/mysql/my.conf找到[client]在其下面添加 default-character-set=u ...
- MVC切片编程
在商城网站中,用户中心的每个页面都要几乎都要涉及对用户是否登录的判断,为了减少代码重写,可采用切片编程 using System; using System.Collections.Generic; ...
- 关于hibernate save方法未能存储数据入库的处理过程
关于hibernate save方法未能存储数据入库的处理过程2018年04月18日 10:57:49 守望dfdfdf 阅读数:230更多个人分类: 工作 问题编辑版权声明:本文为博主原创文章,转载 ...
- MySQL(三) 完整性约束
一.介绍 约束条件与数据类型的宽度意义,都是可选参数. 作用:用于保证数据的完整性和一致性. 主要分为: PRIMARY KEY (PK) 标识该字段为该表的主键,可以唯一的标识记录 FOREIGN ...
- Python常用模块(二)
一.json与pickle json与pickle模块是为了完成数据的序列化. 序列化是指把对象(变量)从内存中变成可存储或传输的过程,在Python中叫picking,在其他语言中也由其他的叫法,但 ...
- jquery_lazyload插件
延迟加载图片的 jQuery 插件 http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/
- Linux 两组信号对比
博客逐步迁移到,独立博客,原文地址 http://www.woniubi.cn/two_groups_signal_difference/ 之前看信号的时候,没有太注意不同信号的对比.今天再次看到的时 ...