Обновление View Details с помощью Ajax

Question

Я использую MVC3 Jquery и AJAX для создания чего-то вроде представления списка / деталей.

Теперь у меня есть такой код:

$(document).ready(function () {
      $('#example tbody tr').click(function () {
          alert('row was clicked');
          $('#Container').load('../task/create/').fadeIn("slow");

      });
  });

Мой HTML выглядит следующим образом

<table id="example" border = "2">
    <thead>
    <tr style="border-style:solid"  class="simplehighlight">
        <th>
            Name
        </th>
        <th>
            Description
        </th>
        <th>
            tblStatu
        </th>
        <th>
            DueDate
        </th>
        <th>
            AssignedTo
        </th>
        <th>
            CreatedOn
        </th>
        <th>
            CreatedBy
        </th>
        <th>
            ModifiedOn
        </th>
        <th>
            ModifiedBy
        </th>
        <th></th>
    </tr>
    </thead>


    <tbody>
@foreach (var item in Model)
{
    <tr style="border-style:solid">
        <td style="border-style:solid">
            @item.Name

            @*@Html.DisplayFor(modelItem => item.Name)*@
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Description)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.tblStatu.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.DueDate)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.AssignedTo)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.CreatedOn)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.CreatedBy)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.ModifiedOn)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.ModifiedBy)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id = item.TaskId }) |
            @Html.ActionLink("Details", "Details", new { id = item.TaskId }) |
            @Html.ActionLink("Delete", "Delete", new { id = item.TaskId })
        </td>
    </tr>
}
   </tbody> 

Теперь, как я могу добавить параметр в мою задачу URL / ..... в соответствии с выбором, если строка таблицы?

Answer 1

Что-то вроде (не проверено) -

$(document).ready(function () {
      $('#example tbody tr').click(function () {
          alert('row was clicked');
          var rowid = $(this).attr("id");
          $('#Container').load('../task/create/',{rowid: rowid}).fadeIn("slow");

      });
  });

При этом следует использовать параметр [data] функции load для передачи некоторых данных обратно по URL-адресу, который вы вызываете - данные будут отправлены обратно.

РЕДАКТИРОВАТЬ

Вот окончательный рабочий код -

$(document).ready(function () { 
     $('#example tbody tr').click(function () { 
      var rowid = $(this).find('td#Name').html(); 
      //alert(rowid); // rowid = 1;
      $('#Container').load('../task/edit/' + $.trim(rowid)).fadeIn("slow"); 
     }); 
 });