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 相关文章推荐
时间戳转换为时间 年月日时间的JS函数
Aug 19 Javascript
推荐5 个常用的JavaScript调试技巧
Jan 08 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
Asp.Net之JS生成分页条的方法
Nov 23 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
jquery图片放大镜效果
Jun 23 jQuery
基于Vue2实现简易的省市区县三级联动组件效果
Nov 05 Javascript
angular4中引入echarts的方法示例
Jan 29 Javascript
微信小程序登录态和检验注册过没的app.js写法
May 22 Javascript
js实现开关灯效果
Mar 30 Javascript
jQuery操作选中select下拉框的值代码实例
Feb 07 jQuery
vuex的使用和简易实现
Jan 07 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
使用swoole扩展php websocket示例
2014/02/13 PHP
大家须知简单的php性能优化注意点
2016/01/04 PHP
PHP自定义错误处理的方法分析
2018/12/19 PHP
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
javascript新建标签,判断键盘输入,以及判断焦点(示例代码)
2013/11/25 Javascript
javascript如何创建对象
2016/08/29 Javascript
Vue非父子组件通信详解
2017/06/12 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
Scala解析Json字符串的实例详解
2017/10/11 Javascript
Vue.js实现数据响应的方法
2018/08/13 Javascript
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
vue swipe自定义组件实现轮播效果
2019/07/03 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
用vue写一个日历
2020/11/02 Javascript
[45:18]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第一场
2018/04/04 DOTA
python判断字符串是否纯数字的方法
2014/11/19 Python
八大排序算法的Python实现
2021/01/28 Python
启动targetcli时遇到错误解决办法
2017/10/26 Python
python使用sqlite3时游标使用方法
2018/03/13 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
详解爬虫被封的问题
2019/04/23 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
pycharm 安装JPype的教程
2019/08/08 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
python函数enumerate,operator和Counter使用技巧实例小结
2020/02/22 Python
可以随进度显示不同颜色的css3进度条分享
2014/04/11 HTML / CSS
企业面试题试卷附带答案
2015/12/20 面试题
体育教师自我鉴定
2014/02/12 职场文书
副总经理任命书
2014/06/05 职场文书
咖啡厅商业计划书
2014/09/15 职场文书
个人工作表现自我评价
2015/03/06 职场文书
话题作文之生命的旋律
2019/12/17 职场文书
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python
Python中三种花式打印的示例详解
2022/03/19 Python
Win11显卡控制面板打开显卡设置方法
2022/04/20 数码科技