如何使用 MVC3 在视图中的某个位置插入部分视图？

Question

我有一个 MVC3 应用程序，正在将 pjax 实现为 .一切都运行良好，除了当加载的地址尚未在客户端具有主视图时在服务器端执行的操作之外。我的控制器代码看起来像

public virtual ActionResult Details(Guid id)
    {
        var partDetail = new PartDetail(id);
        var partialView = PartialView("Details", partDetail);
        if(Request.Headers["X-PJAX"]!= null)
        {
            return partialView;
        }

        var mainView =  View("Index");
        // Stick Partial View into main view at #update_panel?
        return mainView;
    }

如何将部分视图粘贴到主视图中，以便它将部分视图插入#update_panel？

Answer 1

好的，无需进行重大重构，您可以执行以下操作。

（这假设您能够将 index.cshtml 上的 @model 设置为 PartDetail()）。

在上面的控制器操作中，将：更改

var mainView =  View("Index");

为：

var mainView =  View("Index", partDetail);

然后，在index.cshtml中添加以下内容：

<div id="update_panel">@RenderPartial("Details", Model)</div>

正如我所说，只有当索引@model设置为PartDetail()时，这才有效，否则，需要对索引视图中的模型进行一些重构才能包含此 PartDetail() 模型。这个视图模型很可能如下所示：

public class IndexViewModel
{
    ModelForIndex Index{get; set;}
    PartDetail Details{get; set;}
}

这个重构的视图模型将作为 @model IndexViewModel 添加到 index.cshtml 中，并由部分使用：

<div id="update_panel">@RenderPartial("Details", Model.Details)</div>

希望这是有道理的。