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鼠标及对象坐标控制属性详细解析
Dec 14 Javascript
按下回车键指向下一个位置的一个函数代码
Mar 10 Javascript
Js+Jq获取URL参数的集中方法示例代码
May 20 Javascript
jquery制作select列表双向选择示例代码
Sep 02 Javascript
javascript每日必学之条件分支
Feb 17 Javascript
js变量提升深入理解
Sep 16 Javascript
ligerUI---ListBox(列表框可移动的实例)
Nov 28 Javascript
vue无限轮播插件代码实例
May 10 Javascript
seajs和requirejs模块化简单案例分析
Aug 26 Javascript
JavaScript算法学习之冒泡排序和选择排序
Nov 02 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
Aug 05 Javascript
JavaScript this关键字的深入详解
Jan 14 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
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
ThinkPHP之import方法实例详解
2014/06/20 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
php获取英文姓名首字母的方法
2015/07/13 PHP
php+jQuery递归调用POST循环请求示例
2016/10/14 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
[Web]防止用户复制页面内容和另存页面的方法
2009/02/06 Javascript
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
javascript cookies 设置、读取、删除实例代码
2010/04/12 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
2013/07/04 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
2014/05/01 Javascript
IE浏览器不支持getElementsByClassName的解决方法
2014/08/27 Javascript
轻松创建nodejs服务器(6):作出响应
2014/12/18 NodeJs
Javascript 实现图片无缝滚动
2014/12/19 Javascript
JavaScript获取当前日期是星期几的方法
2015/04/06 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
js实现轮播图的两种方式(构造函数、面向对象)
2017/09/30 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
2020/01/08 Javascript
javascript-hashchange事件和历史状态管理实例分析
2020/04/18 Javascript
vue同个按钮控制展开和折叠同个事件操作
2020/07/29 Javascript
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
详细介绍Python语言中的按位运算符
2013/11/26 Python
在Django的模板中使用认证数据的方法
2015/07/23 Python
Python基于有道实现英汉字典功能
2015/07/25 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
python: 自动安装缺失库文件的方法
2018/10/22 Python
Flask-WTF表单的使用方法
2019/07/12 Python
pygame编写音乐播放器的实现代码示例
2019/11/19 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
Asics日本官网:鬼冢八喜郎创立的跑鞋运动品牌
2017/10/18 全球购物
小学班主任寄语大全
2014/04/04 职场文书
解决Tkinter中button按钮未按却主动执行command函数的问题
2021/05/23 Python
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript