如何在jqGrid中检索选定的单元格值?

时间:2011-05-19 21:56:48

标签: javascript jquery jqgrid

使用下面的代码,它显示上次选择的单元格值。如何显示我刚刚点击的行的单元格值?

jQuery('#grid').click( function() {
  var grid = jQuery('#grid);
  var sel_id = grid.jqGrid('getGridParam', 'selrow');
  var myCellData = grid.jqGrid('getCell', sel_id, 'source_id');
  $('#selrow').html("Source ID selected:" + myCellData);
});

2 个答案:

答案 0 :(得分:1)

您的代码有点奇怪,因为您使用jQuery绑定到click而不是使用onCellSelect之类的事件。如果您使用此功能,则应使用click函数的第一个参数,例如ejQuery('#grid').click(function(e) {...});)。 e.target是单元格的DOM元素(<td>)或用户单击的单元格内部元素(如<a>内的<td>)。代码$(e.target).closest("td")将为您提供单元格。

如果您决定使用onCellSelect,我建议您使用the answer阅读the demo

答案 1 :(得分:0)

设置网格时,可以为onCellSelect事件定义回调函数。

e.g:

var grid = jQuery('#grid').jqGrid( {
 ... default grid setup ...,
 onCellSelect: function(rowid, icol, cellcontent, e) { alert(cellcontent); },
 });

所有jqGrid事件的列表如下: http://www.trirand.com/jqgridwiki/doku.php?id=wiki:events