如何获取jqGrid选定的行单元格值

Question

有谁知道如何获取 JQGrid 所选行的单元格值？我正在使用 mvc 和 JQGrid，我想访问所选行的隐藏列的值？

Answer 1

首先可以通过

rowid

方法以

'selrow'

为参数获取所选行的getGridParam，然后可以使用getCell从相应列中获取单元格值：

var myGrid = $('#list'),
    selRowId = myGrid.jqGrid ('getGridParam', 'selrow'),
    celValue = myGrid.jqGrid ('getCell', selRowId, 'columnName');

'columnName'

应该与您在

'name'

的

colModel

属性中使用的名称相同。如果您需要所选行的许多列中的值，您可以使用 getRowData 而不是 getCell。

Answer 2

你也可以这样使用

var rowId =$("#list").jqGrid('getGridParam','selrow');  
var rowData = jQuery("#list").getRowData(rowId);
var colData = rowData['UserId'];   // perticuler Column name of jqgrid that you want to access

Answer 3

补充一下，您还可以根据 rowID 加列索引（而不是列名称）检索 jqGrid 单元格值：

因此，要获取主键 ID 1234 的行的第四列（列索引 #3）中的值，我们可以使用以下命令：

var rowID = 1234;
var columnIndex = 3;
var cellValue = $("#" + rowID).find('td').eq(columnIndex).text();

顺便说一句，关于一个完全不相关的主题（但请不要投票反对我）：

我没有意识到您可以相当轻松地将文本框链接到 jqGrid，以便您的用户可以进行即时搜索，而无需打开“搜索”对话框。

为此，您需要一些像这样的 HTML：

<input type="text" name="employeeName" id="employeeName" style="width:250px" />

<!--  This will be my jqGrid control and pager -->
<table id="tblEmployees"></table>
<div id="pager"></div>

还有一些像这样的 JavaScript：

$("#employeeName").on('change keyup paste', function () {
    SearchByEmployeeName();
});

function SearchByEmployeeName()
{
    //  Fetch the text from our <input> control
    var searchString = $("#employeeName").val();

    //  Prepare to pass a new search filter to our jqGrid
    var f = { groupOp: "AND", rules: [] };

    //  Remember to change the following line to reflect the jqGrid column you want to search for your string in
    //  In this example, I'm searching through the UserName column.

    f.rules.push({ field: "UserName", op: "cn", data: searchString });

    var grid = $('#tblEmployees');
    grid[0].p.search = f.rules.length > 0;
    $.extend(grid[0].p.postData, { filters: JSON.stringify(f) });
    grid.trigger("reloadGrid", [{ page: 1 }]);
}

这对我来说是一个真正的游戏规则改变者......它确实使 jqGrid 更加用户友好。

用户可以立即开始输入搜索字符串，而无需打开搜索对话框，请记住将运算符更改为“包含”，然后开始输入，然后再次关闭搜索对话框。

Answer 4

使用“selrow”获取所选行Id

var myGrid = $('#myGridId');

var selectedRowId = myGrid.jqGrid("getGridParam", 'selrow');

然后使用 getRowData 获取索引 selectedRowId 处的选定行。

var selectedRowData = myGrid.getRowData(selectedRowId);

如果 jqGrid 上的多选设置为 true，则使用“selarrrow”获取所选行的列表：

var selectedRowIds = myGrid.jqGrid("getGridParam", 'selarrrow');

使用循环迭代所选行的列表：

var selectedRowData;
for(selectedRowIndex = 0; selectedRowIndex < selectedRowIds.length; selectedRowIndex++) {
    selectedRowData = myGrid.getRowData(selectedRowIds[selectedRowIndex]);
}

Answer 5

你必须声明 de vars...

var selectedRowId = $('#list').jqGrid ('getGridParam', 'selrow');
var columnName = $('#list').jqGrid('getCell', selectedRowId, 'columnName');

var nombre_img_articulo = $('#list').jqGrid('getCell', selectedRowId, 'img_articulo');

Answer 6

只需检查一下：

解决方案1：

在子网格函数中，您必须编写以下内容：

var selectid = $(this).jqGrid('getCell', row_id, 'id');
alert(selectid);

其中

row_id

是您在子网格中定义为参数的变量。

id

是您想要获取单元格值的列名称。

解决方案2：

如果您在警报中获取 Jqgrid Row Id，则将您的主键 id 设置为 ColModels 中的

key:true

。因此，您将在警报中获得数据库 ID 的值。像这样：

{name:"id",index:"id",hidden:true, width:15,key:true, jsonmap:"id"},