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 相关文章推荐
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 Javascript
IE6已终止操作问题的2种情况及解决
Apr 23 Javascript
AngularJS基础学习笔记之控制器
May 10 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
Aug 21 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
Jan 22 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
May 21 Javascript
extjs简介_动力节点Java学院整理
Jul 17 Javascript
js单页hash路由原理与应用实战详解
Aug 14 Javascript
Vue实现按钮级权限方案
Nov 21 Javascript
vscode 调试 node.js的方法步骤
Sep 15 Javascript
javascript实现前端分页功能
Nov 26 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
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
yii2 上传图片的示例代码
2018/11/02 PHP
Javascript日期对象的dateAdd与dateDiff方法
2008/11/18 Javascript
jQuery 技巧大全(新手入门篇)
2009/05/12 Javascript
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
extJs 下拉框联动实现代码
2010/04/09 Javascript
基于jQuery的简单的列表导航菜单
2011/03/02 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
2015/09/04 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
原生js实现百叶窗效果及原理介绍
2016/04/12 Javascript
详细谈谈javascript的对象
2016/07/31 Javascript
微信公众号支付H5调用支付解析
2016/11/04 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
js实现显示手机号码效果
2017/03/09 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
Vue-router 中hash模式和history模式的区别
2018/07/24 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python实现批量下载新浪博客的方法
2015/06/15 Python
python矩阵的转置和逆转实例
2018/12/12 Python
Python3按一定数据位数格式处理bin文件的方法
2019/01/24 Python
python可视化实现KNN算法
2019/10/16 Python
python使用正则来处理各种匹配问题
2019/12/22 Python
python随机模块random使用方法详解
2020/02/14 Python
将数据集制作成VOC数据集格式的实例
2020/02/17 Python
jupyter notebook 使用过程中python莫名崩溃的原因及解决方式
2020/04/10 Python
python中rc1什么意思
2020/06/19 Python
Python Selenium模块安装使用教程详解
2020/07/09 Python
Python爬虫Scrapy框架CrawlSpider原理及使用案例
2020/11/20 Python
建筑施工安全生产责任书
2014/07/22 职场文书
绿色环保家庭事迹材料
2014/08/31 职场文书
办公室行政主管岗位职责
2015/04/09 职场文书
python用字节处理文件实例讲解
2021/04/13 Python
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL