easyui datagrid 键盘上下控制选中行示例


Posted in Javascript onMarch 31, 2014

扩展datagrid的一个方法keyCtr

$.extend($.fn.datagrid.methods, { 
keyCtr : function (jq) { 
return jq.each(function () { 
var grid = $(this); 
grid.datagrid('getPanel').panel('panel').attr('tabindex', 1).bind('keydown', function (e) { 
switch (e.keyCode) { 
case 38: // up 
var selected = grid.datagrid('getSelected'); 
if (selected) { 
var index = grid.datagrid('getRowIndex', selected); 
grid.datagrid('selectRow', index - 1); 
} else { 
var rows = grid.datagrid('getRows'); 
grid.datagrid('selectRow', rows.length - 1); 
} 
break; 
case 40: // down 
var selected = grid.datagrid('getSelected'); 
if (selected) { 
var index = grid.datagrid('getRowIndex', selected); 
grid.datagrid('selectRow', index + 1); 
} else { 
grid.datagrid('selectRow', 0); 
} 
break; 
} 
}); 
}); 
} 
});
Javascript 相关文章推荐
JavaScript中window、doucment、body的解释
Aug 14 Javascript
javascript实现博客园页面右下角返回顶部按钮
Feb 22 Javascript
jQuery实现简单的列表式导航菜单效果代码
Aug 31 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
Oct 13 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
js实现网页的两个input标签内的数值加减(示例代码)
Aug 15 Javascript
解决vue.js this.$router.push无效的问题
Sep 03 Javascript
微信小程序实现自动定位功能
Oct 31 Javascript
JS实现简单的点赞与踩功能示例
Dec 05 Javascript
详解VSCode配置启动Vue项目
May 14 Javascript
简单实现节流函数和防抖函数过程解析
Oct 08 Javascript
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
jQuery 取值、赋值的基本方法整理
Mar 31 #Javascript
js改变鼠标的形状和样式的方法
Mar 31 #Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 #Javascript
js简单的表格添加行和删除行操作示例
Mar 31 #Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 #Javascript
jquery控制display属性为none或block
Mar 31 #Javascript
js原型继承的两种方法对比介绍
Mar 30 #Javascript
You might like
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
php数据库密码的找回的步骤
2011/01/12 PHP
PHP 年龄计算函数(精确到天)
2012/06/07 PHP
laravel中的一些简单实用功能
2018/11/03 PHP
PHP+mysql实现的三级联动菜单功能示例
2019/02/15 PHP
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
网页编辑器ckeditor和ckfinder配置步骤分享
2012/05/24 Javascript
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
js数组转json并在后台对其解析具体实现
2013/11/20 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
jQuery中parent()方法用法实例
2015/01/07 Javascript
JS仿Windows开机启动Loading进度条的方法
2015/02/26 Javascript
js限制文本框的输入内容代码分享(3类)
2015/08/20 Javascript
onclick和onblur冲突问题的快速解决方法
2016/04/28 Javascript
AngularJS入门教程引导程序
2016/08/18 Javascript
微信小程序开发一键登录 获取session_key和openid实例
2016/11/23 Javascript
Vue组件tree实现树形菜单
2017/04/13 Javascript
jQuery 控制文本框自动缩小字体填充
2017/06/16 jQuery
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
Python解压 rar、zip、tar文件的方法
2019/11/19 Python
python3中数组逆序输出方法
2020/12/01 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
英国二手物品交易网站:Preloved
2017/10/06 全球购物
电子商务应届生求职信
2013/11/16 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
师德标兵事迹材料
2014/12/19 职场文书
统招统分证明
2015/06/23 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书
趣味运动会口号
2015/12/24 职场文书
2019年第四季度财务部门工作计划
2019/11/02 职场文书
Mysql Show Profile
2021/04/05 MySQL
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android
浅谈@Value和@Bean的执行顺序问题
2021/06/16 Java/Android
如何在python中实现ECDSA你知道吗
2021/11/23 Python
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python