javascript - 添加复选框以允许从我的 html 表中进行多次删除和编辑

Question

我的 asp.net mvc View 中有下表:-

@foreach (var item in Model) {
    <tr id="@item.TMSServerID">
        <td>
            @Html.ActionLink("Edit", "Edit","Server", new { id=item.TMSServerID },null) |
            @if (!item.IsAlreadyAssigned()){ 

            @Ajax.ActionLink("Delete",
 "Delete", "Server",
new { id = item.TMSServerID },

new AjaxOptions
{ Confirm = "Are You sure You want to delete (" + item.Technology.Tag.ToString() + ")",
    HttpMethod = "Post",

    OnSuccess = "deletionconfirmation",
    OnFailure = "deletionerror"
})}
        </td>

        <td>
             @Html.ActionLink(item.Technology.Tag,"Details","Server",new { id = item.TMSServerID},null)
        </td>

        <td class="hidden-phone" >
            @item.status
        </td>

该表允许一次编辑、删除单个项目。但现在我想做以下事情:-

1. 在每一行旁边添加一个复选框。

2. 添加一个 Ajax 删除按钮来删除选中的项目

3. 添加一个 Transfer ajax 按钮，允许编辑所选项目的状态。

所以我正在努力实现以下目标:-

1. 如何使用 ajax 按钮传递项目 ID + 项目时间戳字段，因为我需要检查所选项目是否已被其他用户修改？

2. 如果删除操作成功，如何从 html 表中删除选定的行？

谢谢

Answer 1

在表格的每个第一个单元格上添加一个复选框，并将 ModelID 作为每个复选框的值。

在你的 foreach 中，包括这个:

<td>
      <input type="checkbox" name="TMSServerID" value="1"  />
</td>

将其添加到 Controller 的参数中:Int32[] idList，如下所示:

  public void CheckForIds(Int32[] idList)
  {
     //Manipulate idList
  }

然后在您的按钮事件中，调用 Controller 方法。

您可能想看看这个以供引用:

http://byatool.com/mvc/asp-net-mvc-how-to-handle-multiple-checkboxes-with-viewsactions-jquery-too/