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脚本实现Web页面信息交互
Dec 21 Javascript
JQuery Dialog的内存泄露问题解决方法
Jun 18 Javascript
json原理分析及实例介绍
Nov 29 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
查看大图功能代码jquery版
Nov 05 Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
Oct 17 Javascript
JavaScript清空数组元素的两种方法简单比较
Jul 10 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 Javascript
AngularJS基于factory创建自定义服务的方法详解
May 25 Javascript
vue+element实现批量删除功能的示例
Feb 28 Javascript
基于javascript的拖拽类封装详解
Apr 19 Javascript
jquery ajax 请求小技巧实例分析
Nov 11 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
使用HMAC-SHA1签名方法详解
2013/06/26 PHP
PHP JSON格式的中文显示问题解决方法
2015/04/09 PHP
win平台安装配置Nginx+php+mysql 环境
2016/01/12 PHP
php实现图片上传并利用ImageMagick生成缩略图
2016/03/14 PHP
Thinkphp自定义代码生成工具及用法说明(附下载地址)
2016/05/27 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
Bootstrap项目实战之子栏目资讯内容
2016/04/25 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
详解使用React进行组件库开发
2018/02/06 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
微信小程序实现弹出菜单
2018/07/19 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
微信小程序实现搜索框功能及踩过的坑
2020/06/19 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
Python实现基于多线程、多用户的FTP服务器与客户端功能完整实例
2017/08/18 Python
python中的插值 scipy-interp的实现代码
2018/07/23 Python
python实现连续图文识别
2018/12/18 Python
python爬虫增加访问量的方法
2019/08/22 Python
Python使用Turtle库绘制一棵西兰花
2019/11/23 Python
pytorch获取模型某一层参数名及参数值方式
2019/12/30 Python
使用Bazel编译TensorBoard教程
2020/02/15 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
Python+OpenCV实现图像的全景拼接
2020/03/05 Python
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
软件测试工程师结构化面试题库
2016/11/23 面试题
大学生未来职业生涯规划书
2014/02/15 职场文书
经典婚礼主持词
2014/03/13 职场文书
环境卫生倡议书
2014/08/29 职场文书
四风个人对照检查材料思想汇报
2014/09/25 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
匿名信格式范文
2015/05/27 职场文书
python b站视频下载的五种版本
2021/05/27 Python