jqgrid实现 方向键上下移动控制选中行
时间: 2023-10-21 13:05:26 浏览: 222
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
您可以通过监听键盘事件来实现使用方向键上下移动控制选中行的功能。下面是一个示例代码:
```javascript
$(document).keydown(function(e){
var selectedRowId = $("#grid").jqGrid('getGridParam', 'selrow');
var rowCount = $("#grid").jqGrid('getGridParam', 'reccount');
if (selectedRowId) {
switch(e.keyCode) {
case 38: // 上箭头
if (selectedRowId > 1) {
$("#grid").jqGrid('setSelection', selectedRowId - 1);
}
break;
case 40: // 下箭头
if (selectedRowId < rowCount) {
$("#grid").jqGrid('setSelection', selectedRowId + 1);
}
break;
}
}
});
```
在上述代码中,我们使用 `keydown` 事件来监听键盘按下的动作。然后,我们获取当前选中行的行号和总行数,根据按下的方向键来判断应该移动到哪一行,并使用 `setSelection` 方法来设置选中行。
请确保将代码中的 `"#grid"` 替换为您实际使用的 jqGrid 表格的选择器。另外,该代码片段假设您已经正确地初始化了 jqGrid,并且表格已经加载了数据。
阅读全文