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 相关文章推荐
srcElement表格样式
Sep 03 Javascript
js实现图片拖动改变顺序附图
May 13 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
Aug 26 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
Dec 15 Javascript
javascript中类的定义方式详解(四种方式)
Dec 22 Javascript
javascript每日必学之循环
Feb 19 Javascript
JS转换HTML转义符的方法
Aug 24 Javascript
jQuery可见性过滤选择器用法示例
Sep 09 Javascript
微信小程序 五星评价功能的实现
Mar 09 Javascript
浅析Vue自定义组件的v-model
Nov 26 Javascript
JavaScript ES6常用基础知识总结
Feb 09 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
Jan 26 Vue.js
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
sony ICF-2010 拆解与改装
2021/03/02 无线电
完美实现wordpress禁止文章修订和自动保存的方法
2014/11/03 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
PHP7.0安装笔记整理
2015/08/28 PHP
JQuery扩展插件Validate 3通过参数设置错误信息
2011/09/05 Javascript
修改jQuery Validation里默认的验证方法
2012/02/14 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
用js格式化金额可设置保留的小数位数
2014/05/09 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
对jQuary选择器的全面总结
2016/06/20 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
Node.js的特点详解
2017/02/03 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
JavaScript之underscore_动力节点Java学院整理
2017/07/03 Javascript
[js高手之路]寄生组合式继承的优势详解
2017/08/28 Javascript
vue父子组件的嵌套的示例代码
2017/09/08 Javascript
layui框架中layer父子页面交互的方法分析
2017/11/15 Javascript
Vue中对比scoped css和css module的区别
2018/05/17 Javascript
微信小程序多音频播放进度条问题
2018/08/28 Javascript
JS实现获取自定义属性data值的方法示例
2018/12/19 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
python微信好友数据分析详解
2018/11/19 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
OpenCV+face++实现实时人脸识别解锁功能
2019/08/28 Python
Python 定义只读属性的实现方式
2020/03/05 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
Book Depository欧盟:一家领先的国际图书零售商
2019/05/21 全球购物
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
单位创先争优活动方案
2014/01/26 职场文书
2014年数学教师工作总结
2014/12/03 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
初中家长意见
2015/06/03 职场文书
Python实现将多张图片合成MP4视频并加入背景音乐
2022/04/28 Python