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 函数式编程
Aug 16 Javascript
指定js可访问其它域名的cookie的方法
Sep 18 Javascript
javascript之可拖动的iframe效果代码
Aug 01 Javascript
js实现动态创建的元素绑定事件
Jul 19 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
Sep 28 Javascript
详解vue-cli之webpack3构建全面提速优化
Dec 25 Javascript
webpack external模块的具体使用
Mar 10 Javascript
jQuery实现网页拼图游戏
Apr 22 jQuery
详解vue-cli+element-ui树形表格(多级表格折腾小计)
Apr 17 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
Nov 07 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
JS实现时间校验的代码
May 25 Javascript
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_Flame(Version:Progress)的原代码
2006/10/09 PHP
PHP生成静态页
2006/11/25 PHP
PHP使用mysqldump命令导出数据库
2015/04/14 PHP
PHP使用逆波兰式计算工资的方法
2015/07/29 PHP
在php7中MongoDB实现模糊查询的方法详解
2017/05/03 PHP
js 利用className得到对象的实现代码
2011/11/15 Javascript
判断多个input type=file是否有已经选择好文件的代码
2012/05/23 Javascript
javascript中的document.open()方法使用介绍
2013/10/09 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
2014/05/22 Javascript
javascript实现时间格式输出FormatDate函数
2015/01/13 Javascript
js+CSS实现弹出居中背景半透明div层的方法
2015/02/26 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
Prototype框架详解
2015/11/25 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
2016/01/13 Javascript
jQuery插件Validate实现自定义表单验证
2016/01/18 Javascript
vue父组件中获取子组件中的数据(实例讲解)
2017/09/27 Javascript
JS编写兼容IE6,7,8浏览器无缝自动轮播
2018/10/12 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
解决vue+webpack项目接口跨域出现的问题
2020/08/10 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
2020/10/29 Javascript
使用Vant完成通知栏Notify的提示操作
2020/11/11 Javascript
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
如何用Python破解wifi密码过程详解
2019/07/12 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
Python 中 sorted 如何自定义比较逻辑
2021/02/02 Python
通过一张图教会你CSS3倒影的实现
2017/09/26 HTML / CSS
美国小蜜蜂Burt’s Bees德国官网:天然唇部、皮肤和身体护理产品
2020/06/14 全球购物
园艺师求职信
2014/03/10 职场文书
公证委托书模板
2014/04/03 职场文书
大学新闻系求职信
2014/06/03 职场文书
义卖募捐活动总结
2015/05/09 职场文书
Java死锁的排查
2022/05/11 Java/Android