easyui datagrid 键盘上下控制选中行示例
更新时间：2014年03月31日 16:41:13 作者：
这篇文章主要介绍了扩展datagrid的一个方法keyCtr实现键盘上下控制选中行,需要的朋友可以参考下
扩展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;
}
});
});
}
});
复制代码 代码如下:
$.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;
}
});
});
}
});
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了用图片替换checkbox原始样式并实现同样的功能 ，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2018-11-11
这篇文章主要介绍了jQuery中:input选择器用法,以实例形式较为详细的分析了:input选择器的功能、定义及匹配input元素时的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
在不同的浏览器中，一个文本框，如果只是直接给文本框设置focus()，那么光标聚焦的位置可能是在最前面。下面的代码则是给jquery扩展一个textFocus方法2012-10-10
jQuery源码分析-03构造jQuery对象-工具函数，需要的朋友可以参考下。2011-11-11
可关闭的左右两边漂浮的对联广告代码jquery特效，宽屏分辨率大于1024px才显示，当用户点击关闭按钮可以单独关闭自己一边的漂浮的对联广告代码，juqery对联广告效果感兴趣的朋友一起学习吧2015-11-11
这篇文章主要介绍了jquery插件EasyUI中form表单提交实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-01-01
jquery validate poshytip 自定义样式
项目中做了一个jquery.validate气泡提示在新版的jquery.validate中，有这个功能，但在我这里不怎么好用，所以自己加了一个，找了一些插件qtip2的样式不错，需要的朋友可以参考下2012-11-11
这篇文章主要介绍了jQuery点缩略图弹出层显示大图片的方法，思路非常不错，这里推荐给大家。2015-02-02
这篇文章主要介绍了jQuery函数的第二个参数获取指定上下文中的DOM元素,需要的朋友可以参考下2014-05-05
JQuery 引发两次$(document.ready)事件
ASP.net MVC 做了个工程，不知道为什么Search按就总是执行两次。2010-01-01
最新评论