jqgrid 获取所有选中行数据
时间: 2023-08-31 08:03:33 浏览: 187
jqGrid是一个用于显示和编辑数据的jQuery插件,可以通过以下步骤获取所有选中行的数据:
1. 首先,需要使用`getGridParam`方法获取jqGrid的参数对象。参数对象中包含了表格的相关信息。
```javascript
var grid = $("#gridId");
var selectedRows = grid.jqGrid("getGridParam", "selarrrow");
```
2. 使用`getLocalRow`方法从jqGrid的数据源中获取选中行的数据。
```javascript
var rowData = [];
for (var i = 0; i < selectedRows.length; i++) {
rowData.push(grid.jqGrid("getLocalRow", selectedRows[i]));
}
```
3. 最后,可以对获取到的选中行数据进行处理。
```javascript
for (var i = 0; i < rowData.length; i++) {
console.log(rowData[i]);
}
```
以上就是使用jqGrid获取所有选中行数据的步骤。
相关问题
jqgrid获取选中行数据
jqGrid是一种流行的jQuery插件,用于展示和编辑表格数据。要获取选中行的数据,可以使用jqGrid提供的一些方法。
首先,需要使用`getGridParam`方法获取jqGrid对象,然后使用`getGridParam("selrow")`方法获取选中行的行id。接下来,可以使用`getRowData`方法获取具体行数据。
下面是一个示例代码:
```
// 获取jqGrid对象
var grid = $("#myGrid").jqGrid();
// 获取选中行的行id
var rowId = grid.getGridParam("selrow");
// 判断是否有选中行
if (rowId) {
// 获取选中行的数据
var rowData = grid.getRowData(rowId);
// 输出选中行数据
console.log(rowData);
} else {
console.log("没有选中行");
}
```
上述代码首先通过`$("#myGrid").jqGrid()`获取jqGrid对象,然后使用`getGridParam`方法获取选中行的行id,并赋值给`rowId`变量。接着,通过`getRowData`方法获取选中行的数据,并赋值给`rowData`变量。最后,可以把选中行数据输出到控制台。
需要注意的是,在使用上述代码之前,应确保正确引入了jQuery和jqGrid的相关文件,并在HTML代码中定义了id为`myGrid`的表格元素。
jqgrid实现 方向键上下移动控制选中行
您可以通过监听键盘事件来实现使用方向键上下移动控制选中行的功能。下面是一个示例代码:
```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,并且表格已经加载了数据。
阅读全文