提交 Ajax.Beginform 后更新部分视图

Question

我是 .NET mvc 的新手。

在“DisplayThings”视图中，我有类似的内容：

@foreach (var thing in Model)
{
    @Html.Partial("DisplayPartial", thing)
}

在局部视图“DisplayPartial”中我有

@using (Ajax.BeginForm("Afunc", new AjaxOptions ()))
{
    @Html.EditorFor(model => model.AstringThing)
    @Html.EditorFor(model => model.AintThing)

    <input type="submit" name="submit" value="Ajax Post" />
}

此时“Afunc”-Action 将模型保存到数据库，然后重定向到控制器操作以从数据库中检索所有“事物”并呈现整个“显示事物”视图。

我的问题是：当我按下其中一个提交按钮时（列表中的每个“事物”都有一个提交按钮）。我只想重新加载/反映我的更改的部分视图。我不想重新加载整个“Displaythings”视图。我该怎么做呢？如果我只返回一个局部视图，我会丢失除该局部视图之外的所有内容。

如果这是一个不好的方法，请给我指示。

更新：

当我在新页面中呈现部分视图时，我仍然做错了。我的控制器：

public ActionResult Afunc(ThingModel thingmodel)
{
    // do

    return PartialView("DisplayPartial", thingmodel);
}

我尝试过使用 UpdateTargetId 和 onsuccess 都得到相同的结果（新页面）

Answer 1

在您现在简单地作为new AjaxOptions 传递的AjaxOptions 中，您可以使用UpdateTargetId 属性指定目标元素：

<div id="unique_thing_id">
@using (Ajax.BeginForm("Afunc", new AjaxOptions { UpdateTargetId = 'unique_thing_id' }))
{    
}
</div>

在上面，每个“事物”都有唯一 id 的容器用<div id="unique_thing_id"> 表示。这将被请求的响应所取代。更改 Afunc 以仅呈现特定的“事物”部分。