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 相关文章推荐
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
Oct 20 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
Sep 20 Javascript
仿微博字符限制效果实现代码
Apr 20 Javascript
thinkphp中常用的系统常量和系统变量
Mar 05 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
May 20 Javascript
jquery动态增加删减表格行特效
Nov 20 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
Feb 08 Javascript
Angularjs的启动过程分析
Jul 18 Javascript
Vue组件通信实践记录(推荐)
Aug 15 Javascript
基于Vue的ajax公共方法(详解)
Jan 20 Javascript
微信小程序页面上下滚动效果
Nov 18 Javascript
js键盘事件实现人物的行走
Jan 17 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高级对象构建 工厂模式的使用
2012/02/05 PHP
php微信高级接口群发 多客服
2016/06/23 PHP
PHP实现的随机IP函数【国内IP段】
2016/07/20 PHP
使用正则去除php代码中的注释方法
2016/11/03 PHP
PHP之认识(二)关于Traits的用法详解
2019/04/11 PHP
lib.utf.js
2007/08/21 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
2009/11/26 Javascript
JQUERY1.6 使用方法四 检测浏览器
2011/11/23 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
2016/04/25 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
2016/09/23 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
js仿微博动态栏功能
2017/02/22 Javascript
Vue实现动态响应数据变化
2017/04/28 Javascript
Javascript 严格模式use strict详解
2017/09/16 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
NodeJs 实现简单WebSocket即时通讯的示例代码
2019/08/05 NodeJs
vue实践---根据不同环境,自动转换请求的url地址操作
2020/09/21 Javascript
jQuery实现动态向上滚动
2020/12/21 jQuery
Python中用Decorator来简化元编程的教程
2015/04/13 Python
python实现的简单FTP上传下载文件实例
2015/06/30 Python
Python实现快速排序算法及去重的快速排序的简单示例
2016/06/26 Python
python清理子进程机制剖析
2017/11/23 Python
python 读取视频,处理后,实时计算帧数fps的方法
2018/07/10 Python
pygame游戏之旅 添加游戏暂停功能
2018/11/21 Python
Python绘图Matplotlib之坐标轴及刻度总结
2019/06/28 Python
python 日期排序的实例代码
2019/07/11 Python
从pandas一个单元格的字符串中提取字符串方式
2019/12/17 Python
python计算导数并绘图的实例
2020/02/29 Python
Python使用ElementTree美化XML格式的操作
2020/03/06 Python
python实现横向拼接图片
2020/03/23 Python
Willer台湾:日本高速巴士/夜行巴士预约
2017/07/09 全球购物
自我评价200字分享
2013/12/17 职场文书
英文商务邀请信
2014/01/22 职场文书
机房搬迁方案
2014/05/01 职场文书
pytorch实现ResNet结构的实例代码
2021/05/17 Python
详解Python描述符的工作原理
2021/06/11 Python