如何将部分视图中 table 的详细信息传递到父视图中的文本框？

Question

我有一个表单，其中父视图中有许多文本框，table 在局部视图中包含所有这些详细信息。在一行的单击事件中，如何将部分视图中 table 的详细信息传递到父视图中用于插入详细信息的相同文本框？

Answer 1

如果是javascript点击事件，需要确保HTML生成正确。

我已经编写了通过单击 table 行来填充表单字段的代码。

希望对您有所帮助。

jQuery(function($) {
  $("table tr").click(function() {
    var form = $("form"),
      tr = $(this);

    // Text
    form.find(".text").val(tr.find("td:eq(0)").text());

    // Radio
    var radioValue = tr.find("td:eq(1)").data("value");
    form.find(".radio").each(function() {
      this.checked = this.value == radioValue;
    });

    // Checkbox
    var checkboxValues = tr.find("td:eq(2)").text().split(',');
    form.find(".checkbox").each(function() {
      this.checked = $.inArray(this.value, checkboxValues) >= 0;
    });

    // Dropdown
    form.find(".dropdown").val(tr.find("td:eq(3)").data('value'));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
  Text:
  <input type="text" class="text" />
  <br/>Radio:
  <input type="radio" class="radio" name="radioName" value="1" />yes
  <input type="radio" class="radio" name="radioName" value="0" />no
  <br/>Checkbox:
  <input type="checkbox" class="checkbox" value="Cat" />Cat
  <input type="checkbox" class="checkbox" value="Dog" />Dog
  <br/>Dropdown:
  <select class="dropdown">
    <option value=""></option>
    <option value="1">Monday</option>
    <option value="2">Tuesday</option>
    <option value="3">Wednesday</option>
    <option value="4">Thursday</option>
    <option value="5">Friday</option>
    <option value="6">Saturday</option>
    <option value="7">Sunday</option>
  </select>
</form>
<hr/>
<table border="1">
  <tbody>
    <tr>
      <td>Text 1</td>
      <td data-value="1">Yes</td>
      <td>Cat</td>
      <td data-value="3">Wednesday</td>
    </tr>
    <tr>
      <td>Text 2</td>
      <td data-value="0">No</td>
      <td>Dog</td>
      <td data-value="5">Friday</td>
    </tr>
    <tr>
      <td>Text 3</td>
      <td data-value="1">Yes</td>
      <td>Cat,Dog</td>
      <td data-value="7">Sunday</td>
    </tr>
  </tbody>
</table>

如何将部分视图中 table 的详细信息传递到父视图中的文本框？

How to pass details from a table in partial view to text boxes in parent view?

c#

partial-views

razor

asp.net-mvc-4