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”有关系。

我该怎么办？你能给我一个例子，只要有变化，包括下拉列表在内的详细信息会反映在主数据中吗？

使用选择使用击倒的主要细节

0 个答案: