easyui datagrid 键盘上下控制选中行示例

2014-03-31 19

扩展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 While 循环基础教程
Apr 05 31
用倒置滤镜把div倒置,再把table倒置。
Jul 31 37
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
Jul 06 17
js取滚动条的尺寸的函数代码
Nov 30 17
javascript获得当前的信息的一些常用命令
Feb 25 21
JavaScript实现的链表数据结构实例
Apr 02 20
jQuery实现商品活动倒计时
Oct 16 24
手机访问当前页面