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应用于login页面的问题及解决
Oct 17 Javascript
学习javascript,实现插入排序实现代码
Jul 31 Javascript
yepnope.js 异步加载资源文件
Sep 08 Javascript
JavaScript严格模式禁用With语句的原因
Oct 20 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
Sep 15 Javascript
js纯数字逐一停止显示效果的实现代码
Mar 16 Javascript
jQuery组件easyui对话框实现代码
Aug 25 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
小程序页面动态配置实现方法
Feb 05 Javascript
js实现图片3D轮播效果
Sep 21 Javascript
javascript数组元素删除方法delete和splice解析
Dec 09 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
Aug 07 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 随机生成10位字符代码
2009/03/26 PHP
php shell超强免杀、减少体积工具实现代码
2012/10/16 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
2017/06/12 PHP
三种方式获取XMLHttpRequest对象
2014/04/21 Javascript
我的Node.js学习之路(一)
2014/07/06 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
原生js实现查询天气小应用
2016/12/09 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
2018/05/08 Javascript
jQuery中的类名选择器(.class)用法简单示例
2018/05/14 jQuery
Vue 监听列表item渲染事件方法
2018/09/06 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
2019/04/17 Javascript
js实现一个简易计算器
2020/03/30 Javascript
vue开发移动端底部导航条功能
2020/04/08 Javascript
python实现excel读写数据
2021/03/02 Python
解决Pandas to_json()中文乱码,转化为json数组的问题
2018/05/10 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
Python爬虫实战之12306抢票开源
2019/01/24 Python
Python3.4学习笔记之常用操作符,条件分支和循环用法示例
2019/03/01 Python
Python对wav文件的重采样实例
2020/02/25 Python
浅谈keras使用预训练模型vgg16分类,损失和准确度不变
2020/07/02 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
英国领先的珍珠首饰品牌:Orchira
2016/09/11 全球购物
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
美国爆米花工厂:The Popcorn Factory
2019/09/14 全球购物
德国拖鞋网站:German Slippers
2019/11/08 全球购物
密封类可以有虚函数吗
2014/08/11 面试题
大专应届生个人简历的自我评价
2013/10/15 职场文书
五年级数学教学反思
2014/02/11 职场文书
安全教育感言
2014/03/04 职场文书
软件项目开发计划书
2014/05/01 职场文书
幼儿园教师演讲稿
2014/05/06 职场文书
建筑工地文明标语
2014/10/09 职场文书
岗位聘任协议书
2015/09/21 职场文书
如何用JavaScript实现一个数组惰性求值库
2021/05/05 Javascript
MySQL系列之四 SQL语法
2021/07/02 MySQL
python Django框架快速入门教程(后台管理)
2021/07/21 Python