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

2014-03-31 8

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

$()JS小技巧
Jul 21 8
JavaScript中的立即执行函数表达式介绍
Mar 15 8
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 10
jQuery读取XML文件的方法示例
Feb 03 12
vue2.x 父组件监听子组件事件并传回信息的方法
Jul 17 3
template.js前端模板引擎使用详解
Oct 10 8
js实现多个标题吸顶效果
Jan 08 9
手机访问当前页面