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 相关文章推荐
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
基于JS2Image实现圣诞树代码
Dec 24 Javascript
EasyUI 结合JS导出Excel文件的实现方法
Nov 10 Javascript
js实现HashTable(哈希表)的实例分析
Nov 21 Javascript
清除js缓存的多种方法总结
Dec 09 Javascript
详解在Vue中使用TypeScript的一些思考(实践)
Jul 06 Javascript
浅谈从React渲染流程分析Diff算法
Sep 08 Javascript
微信小程序实现列表页的点赞和取消点赞功能
Nov 02 Javascript
Vue.js中的extend绑定节点并显示的方法
Jun 20 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
Oct 16 Javascript
详解Webpack抽离第三方类库以及common解决方案
Mar 30 Javascript
vue 在单页面应用里使用二级套嵌路由
Dec 19 Vue.js
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的memcached客户端memcached
2011/06/14 PHP
下拉列表多级联动dropDownList示例代码
2013/06/27 PHP
分享五个PHP7性能优化提升技巧
2015/12/07 PHP
分享PHP计算两个日期相差天数的代码
2015/12/23 PHP
YiiFramework入门知识点总结(图文教程)
2015/12/28 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
php实现的mongoDB单例模式操作类
2018/01/20 PHP
jQuery Ajax文件上传(php)
2009/06/16 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
2014/01/07 Javascript
javascript setinterval 的正确语法如何书写
2014/06/17 Javascript
浅析jQuery EasyUI中的tree使用指南
2014/12/18 Javascript
JS实现文档加载完成后执行代码
2015/07/09 Javascript
AngularJS extend用法详解及实例代码
2016/11/15 Javascript
微信小程序 小程序制作及动画(animation样式)详解
2017/01/06 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
关于jquery中attr()和prop()方法的区别
2018/05/28 jQuery
小程序云开发初探(小结)
2018/10/24 Javascript
angular6 填坑之sdk的方法
2018/12/27 Javascript
微信小程序实现折线图的示例代码
2019/06/07 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python中的字符串操作和编码Unicode详解
2017/01/18 Python
Django卸载之后重新安装的方法
2017/03/15 Python
Python subprocess模块常见用法分析
2018/06/12 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
python轮询机制控制led实例
2020/05/03 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
利用python下载scihub成文献为PDF操作
2020/07/09 Python
智能电子应届生求职信
2013/11/10 职场文书
学校感恩节活动策划方案
2014/10/06 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP