javascript - 選択を使用したノックアウトを使用したマスターの詳細

Question

リストをロードする以下のコードがあります：

<table id ="tblVersion" class="table table-striped table-hover " style="border: none" >
  <thead>
    <tr>
      <th style="display: none">Id</th>
      <th>Version Name</th>
      <th>Version Code </th>
      <th>Module Id</th>
    </tr>
  </thead>
  <tbody data-bind="foreach: versionDataByProduct">
    <tr data-bind="click: $root.EditVersionDetail">
      <td data-bind="text: Id" style="display: none"></td>
      <td data-bind="text: Name"></td>
      <td data-bind="text: Code"></td>
      <td data-bind ="text: $root.editModuleId"></td>
    </tr>
  </tbody>
</table>

これは、行をクリックしたときに詳細をロードするコードです。

<div  id="EditVersionDetail" style="margin-top: 30px;margin-left: 10px">
  <table data-bind ="with: selecteditem">
    <tr>
      <td><strong>Version Name</strong></td>
      <td><input id="txtVersionName" data-bind ="value:  Name" /></td>
    </tr>
    <tr><td>&nbsp;</td></tr>
    <tr>
      <td><strong>Version Code</strong></td>
      <td><input id="txtVersionCode"  data-bind="value: Code" /></td>
    </tr>
    <tr>
      <td><strong>Module</strong></td>
      <td><select id="selModuleType"  data-bind="options: $root.modules,  optionsCaption: 'Please select Module...' , value: $root.editModuleId , optionsText: 'ModuleName'" /></td>
    </tr>
  </table>
</div>

行をクリックすると、詳細部分にデータが正しく読み込まれます。しかし、詳細部分の一部のデータを変更すると、。を除いて、リストの値も変更されeditModuleIdます。選択リストで値を選択すると、この値はリストに反映されません。これeditModuleIdには別のテーブルからのデータがありますが、監視可能な配列「versionDataByProduct」との関係があります。

私は何をすべきか？ドロップダウンを含む詳細の値が、変更があるたびにマスターに反映される例を教えてください。