how to change the content of the row in jqgrid depending on the value of the previous row selection?

Question

i am using jqgrid to show the contents on page, but i want to change the contents of the list of the current row depending on the value i have selected in previous row. Like we do in onchange event in javascript by sending ajax request to the server.

Answer 1

So supposing your data is selected from a drop-down in one of the rows, it should make an AJAX call and populate the next row accordingly. See if the following code provides any help to you.

$('#select-id').on("change", function(){
  //make an AJAX call, retrieve data in 'data' variable
  var trdata = '<td>'+data.element1+'</td>'+'<td>'+data.element2+'</td>';
  $(this).closest('tr').next().html(trdata);
});