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 相关文章推荐
javascript同步Import,同步调用外部js的方法
Jul 08 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
jQuery源码分析-01总体架构分析
Nov 14 Javascript
javascript运动详解
Jul 06 Javascript
javascript基础语法——全面理解变量和标识符
Jun 02 Javascript
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
微信小程序之圆形进度条实现思路
Feb 22 Javascript
vue.js移动数组位置,同时更新视图的方法
Mar 08 Javascript
配置一个vue3.0项目的完整步骤
Apr 26 Javascript
vue cli安装使用less的教程详解
Jul 12 Javascript
vue-router跳转时打开新页面的两种方法
Jul 29 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 判断网页是否是utf8编码的方法
2014/06/06 PHP
ThinkPHP3.1新特性之对分组支持的改进与完善概述
2014/06/19 PHP
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
php连接与操作PostgreSQL数据库的方法
2014/12/25 PHP
标准PHP的AES加密算法类
2015/03/12 PHP
PHP Header用于页面跳转时的几个注意事项
2016/10/21 PHP
php基于curl重写file_get_contents函数实例
2016/11/08 PHP
extjs 学习笔记(三) 最基本的grid
2009/10/15 Javascript
jQuery层次选择器选择元素使用介绍
2013/04/18 Javascript
用javascript添加控件自定义属性解析
2013/11/25 Javascript
Array栈方法和队列方法的特点说明
2014/01/24 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
node.js 动态执行脚本
2016/06/02 Javascript
深入学习 JavaScript中的函数调用
2017/03/23 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
AngularJS全局警告框实现方法示例
2017/05/18 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
2018/04/21 Javascript
vue.js与后台数据交互的实例讲解
2018/08/08 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
在Vue里如何把网页的数据导出到Excel的方法
2020/09/30 Javascript
[06:59]DOTA2-DPC中国联赛3月7日Recap集锦
2021/03/11 DOTA
paramiko模块安装和使用(远程登录服务器)
2014/01/27 Python
Python基于pygame实现图片代替鼠标移动效果
2015/11/11 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
py-charm延长试用期限实例
2019/12/22 Python
多个版本的python共存时使用pip的正确做法
2020/10/26 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
应届大学生自荐信
2013/12/05 职场文书
《充气雨衣》教学反思
2014/04/07 职场文书
和谐社区口号
2014/06/19 职场文书
信用卡工资证明格式
2014/09/13 职场文书
2014年维稳工作总结
2014/11/18 职场文书
2014年禁毒工作总结
2014/11/24 职场文书
合作意向书范本
2019/04/17 职场文书