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 URL参数判断,确定菜单样式
May 31 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
PHP PDO操作总结
Nov 17 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
JavaScript中的getDay()方法使用详解
Jun 09 Javascript
JavaScript模拟数组合并concat
Mar 06 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
Jan 05 Javascript
Vue shopCart 组件开发详解
Jan 26 Javascript
通过Kettle自定义jar包供javascript使用
Jan 29 Javascript
vue离开当前页面触发的函数代码
Sep 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
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
基于jquery的商品展示放大镜
2010/08/07 Javascript
JQuery中$之选择器用法介绍
2011/04/05 Javascript
JQuery中html()方法使用不当带来的陷阱
2011/04/07 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
a标签的href和onclick 的事件的区别介绍
2013/07/26 Javascript
javascript date格式化示例
2013/09/25 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
javascript关于继承的用法汇总
2014/12/20 Javascript
jQuery中:contains选择器用法实例
2014/12/30 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
2015/08/24 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
jquery遍历标签中自定义的属性方法
2016/09/17 Javascript
livereload工具实现前端可视化开发【推荐】
2016/12/23 Javascript
如何为你的JS项目添加智能提示与类型检查详解
2019/03/12 Javascript
详解Vue源码学习之双向绑定
2019/04/10 Javascript
JavaScript实现图片轮播特效
2019/10/23 Javascript
微信小程序图片自适应实现解析
2020/01/21 Javascript
JS实现长图上下滚动效果
2020/03/19 Javascript
浅谈vue 组件中的setInterval方法和window的不同
2020/07/30 Javascript
JavaScript中CreateTextFile函数
2020/08/30 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
Django 根据数据模型models创建数据表的实例
2018/05/27 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
基于Python爬取股票数据过程详解
2020/10/21 Python
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
在校硕士自我鉴定
2014/01/23 职场文书
毕业实习评语
2014/02/10 职场文书
大学生党校培训心得体会
2014/09/11 职场文书
群众路线自我剖析材料
2014/10/08 职场文书
第二次离婚起诉书
2015/05/18 职场文书
简单且有用的Python数据分析和机器学习代码
2021/07/02 Python