title: Kendo UI viewmodel binding to radio buttons within grid
body: <p>I have a set of radio buttons binded to a viewmodel:</p>
  
  <pre><code>&lt;input name="A_22" id="A_StatusCode_22_0" onchange="display(this, 22, 0);" type="radio" data-bind="checked: viewModel.A_List[0].A_Status" rowindex="0" sid="22" value="A"/&gt;
  &lt;input name="A_22" id="A_StatusCode_22_1" onchange="display(this, 22, 0);" type="radio" data-bind="checked: viewModel.A_List[0].A_Status" rowindex="0" sid="22" value="A"/&gt;
  &lt;input name="A_22" id="A_StatusCode_22_2" onchange="display(this, 22, 0);" type="radio" data-bind="checked: viewModel.A_List[0].A_Status" rowindex="0" sid="22" value="A"/&gt;
  </code></pre>
  
  <p>This set of radio buttons appears on each row of the grid...so the next row is:</p>
  
  <pre><code>&lt;input name="A_22" id="A_StatusCode_22_1" onchange="display(this, 22, 1);" type="radio" data-bind="checked: viewModel.A_List[1].A_Status" rowindex="0" sid="22" value="A"/&gt;
  </code></pre>
  
  <p>..and so on</p>
  
  <p>Part of the viewModel related to the radio buttons (as JSON):</p>
  
  <pre><code>..."A_List":[{"A_Status": null,......},{"A_Status": null,......},{"A_Status": null,......}....] 
  </code></pre>
  
  <p>Simple enough...the page renders without any complains...however everytime I click on one of these radio buttons all the rest of binding datasources on other part of the page would disappear and the page looks totally weired...even if I commented out the "onchange" routine of the radio button it does not make any difference?  Any suggestions when I have done wrong here?</p>
  
  <p>Happy to supply more info without revealing too much of data...it is work after all...
  Thanks in advance.</p>
  
  <p>WML            </p>