title: Issue with jqGrid with dynamic colModel while editing rows
body: <p>I'm using a jqGrid as a generic table-like editable control. My goal is to have pairs of <code>name -&gt; value</code> in a table where the <code>value</code>s are editables.</p>
  
  <p>Everything goes well as long as I don't mess up with the <code>colModel</code>: if I have a table with mixed value types I'm <em>forced</em> to change the <code>colModel</code> in order to match it with the value being edited. For example, in a table with 3 values: <code>Name</code>, <code>Surname</code>, <code>Married?</code>, the last one is of type <code>checkbox</code> while the other ones are of the type <code>string</code>.</p>
  
  <p>After editing the field <code>Married?</code>, if we click on the other fields their content changes to <code>Yes:No</code> while  in edit mode, the string <code>Yes:No</code> is the one used by the checkbox field; anyone knows what I'm doing wrong?:</p>
  
  <pre><code>var data =
  [
      {name:"Name", value:"John"},
      {name:"Surname", value:"Doe"},
      {name:"Married", value:"No"}
  ];
  var currentrow = 0;
  
  function edit(id)
  {
      if (id &amp;&amp; id !== currentrow)
      {
          var table = jQuery("#grid");
  
          function colProp(id)
          {
              switch (id)
              {
                  case "1":
                  case "2":
                  return { editable: true, edittype: 'text', editoptions: {} };
  
                  case "3":
                  return { editable: true, edittype: 'checkbox', editoptions: {value: 'Yes:No'} };
              }
          }
  
          table.jqGrid('restoreRow', currentrow);
          table.setColProp('value', colProp(id));
          table.jqGrid('editRow', id, true,
               undefined, undefined, 'clientArray');
  
          currentrow = id;
      }
  }
  
  $("#grid").jqGrid
  ({
      datatype: "local",
      data: data,
      colNames: ['Name', 'Value'],
      colModel:
      [
          { name: 'name' },
          { name: 'value' }
      ],
      onSelectRow: edit
  });
  </code></pre>
  
  <p>At first, I was thinking that after editing a field with <code>edittype: checkbox</code> the next fields being editet <em>inherits</em> the previous <code>edittype</code>, that's why I set the <code>editoptions</code> to an empty object while editing text fields, but it didn't work.</p>
  
  <p>I've pasted the <a href="http://jsfiddle.net/y9KHY/" rel="nofollow">code into a Fiddle</a> in order to share a working example of my issue.</p>
  
  <p>PS: Maybe jqGrid isn't the best choice to achieve my goal, but I'm forced to use it.</p>