title: jqgrid inline editing: dynamically set column editable properly of another column
body: <p>When I change the value of a particular column during inline edit, I want to change the editable property value of another column of the same row dynamically. Below is a part of my code:</p>
  
  <pre><code>{ name: "admin", width:250, editable:&lt;?php echo $owner; ?&gt;, edittype:"custom", editoptions: {
              custom_element: myelem,
              custom_value:myvalue,
              dataEvents: [{
                      type: 'change',
                      fn: function (e) {
                          var $this = $(e.target), $td, rowid;
                          var radSel = $(e.target).val(); //alert(radSel);
                          if(radSel == "No"){
                              if ($this.hasClass("FormElement")) {
                                  $("#request").prop("editable", true);
                              } else {
                                  //alert("you are here!!");
                                  var row = $this.closest('tr.jqgrow');
                                  var rowId = row.attr('id'); //alert(rowId);
                                  $("#" + rowId + '_request').prop("editable", true);
                              }
                          }
                       }
              }]
  
      }},
  { name: "request", width: 100},
  ......
  
  function myelem (value, options) {
  var radio1 = document.createElement('input');
  radio1.id = 'radY';
  radio1.type = 'radio';
  radio1.name = 'appr';
  radio1.value = 'Yes';
  if(value.match(/^Yes.*/)){ radio1.checked = true; }
  
  var radio2 = document.createElement('input');
  radio2.id = 'radN';
  radio2.type = 'radio';
  radio2.name = 'appr';
  radio2.value = 'No';
  if(value.match(/^No.*/)){ radio2.checked = true; }
  
  var label1 = document.createElement('label');
  label1.setAttribute('for', radio1.id);
  label1.innerHTML = 'Yes';
  
  var label2 = document.createElement('label');
  label2.setAttribute('for', radio2.id);
  label2.innerHTML = 'No';
  
  var container = document.createElement('div');
  container.appendChild(radio1);
  container.appendChild(label1);
  container.appendChild(radio2);
  container.appendChild(label2);
  
  return container;
  }
  
  function myvalue(elem, operation, value) {
      if(document.getElementById('radY').checked) {return "Yes";}
      else if(document.getElementById('radN').checked) {return "No";}
      else {return ""; }
  } 
  </code></pre>
  
  <p>When i change the radio button to "No", it <em>does</em> enter into the if loop (under dataEvents) but the editable property on the 'request' column is not set to true dynamically. Any help much appreciated. thanks.</p>