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中cookie的添加、取值、删除示例代码
Oct 21 Javascript
原生的html元素选择器类似jquery选择器
Oct 15 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
jQuery动态星级评分效果实现方法
Aug 06 Javascript
AngularJS指令详解及示例代码
Aug 16 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
node文件上传功能简易实现代码
Jun 16 Javascript
修改UA在PC中访问只能在微信中打开的链接方法
Nov 27 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
Jan 26 Javascript
微信小程序实现商城倒计时
Nov 01 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 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
在线增减.htpasswd内的用户
2006/10/09 PHP
PHP+MySQL5.0中文乱码解决方法
2006/11/20 PHP
解析PHP中常见的mongodb查询操作
2013/06/20 PHP
PHP启动windows应用程序、执行bat批处理、执行cmd命令的方法(exec、system函数详解)
2014/10/20 PHP
PHP list() 将数组中的值赋给变量的简单实例
2016/06/13 PHP
关于php几种字符串连接的效率比较(详解)
2017/02/22 PHP
PHP实现下载远程图片保存到本地的方法
2017/06/19 PHP
PHP中使用mpdf 导出PDF文件的实现方法
2018/10/22 PHP
Aster vs KG BO3 第三场2.19
2021/03/10 DOTA
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
jquery.form.js用法之清空form的方法
2014/03/07 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
基于jquery实现表格无刷新分页
2016/01/07 Javascript
最佳的JavaScript错误处理实践
2016/07/16 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
2016/08/09 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
vue实现动态列表点击各行换色的方法
2018/09/13 Javascript
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
基于Layui自定义模块的使用方法详解
2019/09/14 Javascript
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
Python实现删除列表中满足一定条件的元素示例
2017/06/12 Python
Django 如何获取前端发送的头文件详解(推荐)
2017/08/15 Python
Python3实现定时任务的四种方式
2019/06/03 Python
pymysql模块的使用(增删改查)详解
2019/09/09 Python
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
四年级数学教学反思
2014/02/02 职场文书
离职保密承诺书
2014/05/28 职场文书
国家领导干部党的群众路线教育实践活动批评与自我批评材料
2014/09/23 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
SqlServer数据库远程连接案例教程
2021/07/15 SQL Server
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技