Jqgrid getRowData returns null

Question

I have the code below:

$buttonoptions = array("#pager", array( "caption" => "Select Product", "onClickButton" => "js: function() { var selr = jQuery('#grid').jqGrid('getGridParam', 'selrow'); var kelr = jQuery('#grid').jqGrid('getRowData', 'product_cat_id'); if(selr) { alert('grid.php?advice=' + selr + kelr); } else { alert('Please Select a Product!'); return false; } }" ) ); 

I successfully got the row id as follows:

 var selr = jQuery('#grid').jqGrid('getGridParam','selrow'); 

But it was not possible to get data from the selected product_cat_id column.

What's wrong?

Answer 1

You are using getRowData incorrectly. Try

 var kelr = jQuery('#grid').jqGrid('getCell', selr, 'product_cat_id'); 

or

 var rowData = jQuery('#grid').jqGrid('getRowData', selr); var kelr = rowData.product_cat_id; 

instead

 var kelr = jQuery('#grid').jqGrid('getRowData','product_cat_id');