Question

我有以下表单，我将项目添加到列表并更新结果表。所以这是我目前的代码：

查看（强类型）：

@using (Ajax.BeginForm("AddService", "Manager", 
           new AjaxOptions { UpdateTargetId = "servicePartial", 
                             HttpMethod = "Post", 
                             LoadingElementId = "loading" }))
{
       <input type="submit" value="Add New" />                
       <div class="widget-content table-container" id="servicePartial">
            @Html.Partial("_Services", Model)
       </div>
}

部分：

@model Project.Model.ServicesViewModel
<table id="demo-dtable-02" class="table table-striped">
<thead>
    <tr>
        <th>Service</th>
        <th>Price</th>
        <td class="action-col">Actions</td>
    </tr>
</thead>
<tbody id="services">
    @if (Model != null)
    {
        if (Model.Services != null)
        {
            if (Model.Services.Count > 0)
            {
                for (int i = 0; i < Model.Services.Count; i++)
                {
                     <tr>
            <th>@Model.Services[i].name</th>
            <th>@Model.Services[i].price</th>
            <td class="action-col">
                 @Html.HiddenFor(x=>x.Services[i].name)
                @Html.HiddenFor(x=>x.Services[i].price)
                @Html.HiddenFor(x=>x.Services[i].serviceId)
                @Ajax.ActionLink(" X ", "Appointment", "Manager", 
                                 new{ model = Model, 
                                      id = @Model.Services[i].serviceId }, 
                                      new AjaxOptions
                                       { 
                                           UpdateTargetId = "servicePartial", 
                                           LoadingElementId = "loading",
                                           HttpMethod="Post" 
                                       })
            </td>

        </tr>
                }                   
            }
        }

    }
</tbody>
</table>

视图模型：

public class ServicesViewModel
{
    public List<Service> Services { get; set; }
}

现在，通过Ajax.Beginform的提交按钮返回的帖子有效，我可以回发模型并更新服务（添加一个）并返回它。

我的问题是我希望能够从列表中删除服务。对于这个我以为我会使用Ajax.Actionlink并且它会使用id发回。问题是它只返回id而不是模型。

现在环顾四周显然不可能使用Ajax.Actionlink将当前模型发回动作，你们会怎样处理这个？

我以为我会聪明并使用Ajax.Actionlink的重载并添加 new{ model = Model, id = @Model.Services[i].serviceId }但它是不行的。

ViewModel中有很多其他数据（对于我从上面的代码中取出的空间），我通过上面的重载逐个发送所有这些数据是非常不切实际的。

Answer 1

您可以使用form.serialize方法使用ajax调用将整个表单发布到操作。不要使用操作链接，请尝试按钮。在该按钮的onclick事件中，序列化表单并提交。

$('#deleteButton').click(function(){

    $.ajax( {
      type: "POST",
      url:'@Url.Action("deleteActionName")',
      data: $('form').serialize(),
      success: function( response ) {
        console.log( response );
      }
    } );
  } );

@ Ajax.ActionLink发布表单字段

1 个答案: