MVC更新表格中的內容而無需刷新頁面

Question

這裏就是我要找：

我有得到真實的模型填充在我看來，這樣的表：

<tbody> 
    @foreach (var item in Model.ReviewList) 
    { 
     <tr> 
      <td>@item.MatchId</td> 
      <td> 
       <ul class="list-unstyled addressList"> 
        <li><span>@item.InputAddressLine1</span></li> 
        <li><span>@item.InputAddressLine2</span></li> 
        <li><span>@item.InputAddressLine3</span></li> 
        <li><span>@item.InputAddressLine4</span></li> 
        <li><span>@item.InputAddressLine5</span></li> 
        <li><span>@item.InputAddressLine6</span></li> 
        <li><span>@item.InputAddressLine7</span></li> 
        <li><span>@item.InputAddressLine8</span></li> 
        <li><span>@item.InputAddressLine9</span></li> 
        <li><span>@item.InputAddressLine10</span></li> 
       </ul> 
      </td> 
      <td> 
       <ul class="list-unstyled addressList"> 
        <li><span>@item.MatchAddressLine1</span></li> 
        <li><span>@item.MatchAddressLine2</span></li> 
        <li><span>@item.MatchAddressLine3</span></li> 
        <li><span>@item.MatchAddressLine4</span></li> 
        <li><span>@item.MatchAddressLine5</span></li> 
        <li><span>@item.MatchAddressLine6</span></li> 
        <li><span>@item.MatchAddressLine7</span></li> 
        <li><span>@item.MatchAddressLine8</span></li> 
        <li><span>@item.MatchAddressLine9</span></li> 
        <li><span>@item.MatchAddressLine10</span></li> 
       </ul> 
      </td> 
      <td>@item.GeoIDMatched</td> 
      <td>@item.RejectionReason</td> 
     </tr> 
    } 
</tbody> 

在此我基本上列出所有我被拒絕的項目，即狀態ID = 3，並在上面的表中的每一行旁邊我想添加一個鏈接/按鈕，當點擊時，然後更新此行的StatusID = 4，然後從此列表和表中刪除，因爲它不再StatusID = 3 。

所以我期待最好的方式來添加一個按鈕添加到此表中的每一行，並管理表中的數據以進行更新？

Answer 1

一個快速和骯髒的方法是在表尾添加另一列，在您的控制器中調用更新方法，並將每個項目的MatchID作爲參數（假設該ID是唯一的）。

<td> 
         @Html.ActionLink("Update", "Update", new { id=@item.MatchID }) 
</td> 

裏面的方法，查找使用MatchID在你的數據源的項目，然後設置StatusID至4

然後可以使用AJAX刷新頁面內容，而無需實際刷新頁面。