如何在 JQGrid 中获取单元格值？

Question

如何在 JQGrid 中获取单元格值？

如果我使用以下语法——

var ret = jQuery("#MyGrid").jqGrid('getRowData', id);
ret = ret.ProductId;

它返回以下 HTML。

'input class="editable" name=" ProductId " id="0_ ProductId " style="width: 98%;" type="text"'

我实际上需要单元格的值。

谢谢。 开发

Answer 1

您必须遵循以下步骤：

从网格中读取所有 dataID：

var dataIDs = jQuery("#MY_GRID").getDataIDs();

您可以根据 ID 列表对网格进行迭代。然后您将使用 dataID 获取行。当您的整行完成后，您就可以获得单元格值。

这是示例工作代码

for(i = 0; i < dataIDs.length; i++)
{
var rowData = jQuery("#MY_GRID").jqGrid ('getRowData', dataIDs[i]);

console.log(rowData);
var COLL_1_VALUE = $('#MY_GRID').jqGrid('getCell', dataIDs[i], 'COLL_1');
var COLL_2_VALUE = $('#MY_GRID').jqGrid('getCell', dataIDs[i], 'COLL_2');

console.log(COLL_1_VALUE);
console.log(COLL_2_VALUE);
}

Answer 2

如果你只需要一个已经保存的单元格的值，可以用这个获取

$('#myTable').jqGrid('getCell',row_id,'column_name');

Answer 3

如果您在编辑行时尝试获取该行的值，您将检索标记（如您的示例中所示），而不是实际值。引用jqGrid Documentation for getRowData：

编辑行或单元格时不要使用此方法。这将返回单元格内容，而不是输入元素的实际值

解决此问题的最佳方法是在调用 getRowData 之前保存您的行数据，尽管如果这不是一个选项，您将不得不自己解析标记。这实际上在 jQuery 中并不是 那 难做到的，但仍然很痛苦。