Question

我的asp.net mvc视图中有以下表格： -

@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>

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

在每行旁边添加一个复选框。
添加Ajax删除按钮以删除所选项目
添加转移ajax按钮，可以编辑所选项目状态。

所以我试图实现以下目标： -

如何使用ajax按钮传递item id + item timestamp字段，因为我需要检查所选项是否已被其他用户修改过？
如果删除操作成功，我如何从html表中删除所选行？

由于

Answer 1

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

在你的foreach里面，包括：

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

将此添加到控制器的tha参数中：Int32 [] idList，如下所示：

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

并在您的按钮事件中，调用控制器方法。

您可能需要查看此内容以供参考：

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

添加复选框以允许多个删除＆amp;从我的html表编辑

1 个答案: