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

2014-03-31 41

扩展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文章

点击广告后才能获得下载地址
Oct 26 46
js通过更改按钮的显示样式实现按钮的滑动效果
Apr 23 39
jQuery实现的Div窗口震动效果实例
Aug 07 36
jQuery.parseHTML() 函数详解
Jan 09 32
jquery单击文字或图片内容放大并居中显示
Jun 23 55
JavaScript实现简单生成随机颜色的方法
Sep 21 43
浅谈webpack+react多页面开发终极架构
Nov 11 40
手机访问当前页面