从ASP.NET MVC操作返回部分视图和JSON

Question

我正在将KnockoutJS引入现有的应用程序中。我的计划是修改/利用我们已经创建的现有局部视图，并将其与具有Knockout声明性属性的JS视图模型绑定。当我对某个动作进行AJAX调用时，理想情况下，我希望该动作同时返回部分视图的HTML和JSON对象。然后，我可以用HTML填充div，将JSON转换为Knockout对象并将其绑定到HTML。但是我不知道如何从动作中返回两者。

我需要完整视图模型，因为我将对其进行更新，并最终将其发送回服务器。

我考虑过要让操作返回部分视图（已经绑定到模型），并且在部分视图中包含用于将.Net模型转换为Knockout对象的javascript。但是我觉得像这样散布JS是很麻烦且难以维护的。我宁愿一切都接近原始的ajax电话。

我猜另一种选择是进行两次操作。一个用于JSON，另一个用于部分视图。但是必须有一种巧妙的方法。

关于如何最好地做到这一点的任何想法？

Answer 1

我敢肯定有多种方法可以做到这一点。我从控制器手动渲染视图，然后将渲染的视图作为JSON响应的一部分传回。

这保留了每个实体的责任。使用视图引擎仍然可以定位视图，并且可以重复使用它们。除了名称和模型类型外，控制器对视图的了解甚少或一无所知。

public static class RenderHelper
{
    public static string PartialView( Controller controller, string viewName, object model )
    {
        controller.ViewData.Model = model;

        using( var sw = new StringWriter() )
        {
            var viewResult = ViewEngines.Engines.FindPartialView( controller.ControllerContext, viewName );
            var viewContext = new ViewContext( controller.ControllerContext, viewResult.View, controller.ViewData, controller.TempData, sw );

            viewResult.View.Render( viewContext, sw );
            viewResult.ViewEngine.ReleaseView( controller.ControllerContext, viewResult.View );

            return sw.ToString();
        }
    }
}

在您的操作方法中：

object model = null; // whatever you want
var obj = new { 
    someOtherProperty = "hello", 
    view = RenderHelper.PartialView( this, "_PartialName", model ) 
};

return Json( obj );

请注意，我返回的是匿名类型。您可以返回所需的任何（可序列化的）类型，只要它具有呈现视图的字符串属性即可。

测试中

测试使用手动渲染的动作需要进行一些修改。这是由于渲染视图比在MVC管道中渲染视图要早一些。

手动渲染

1. 输入动作方法
2. 显式渲染视图<-这将使测试调用操作变得困难
3. 退出动作方法

自动渲染

1. 输入动作方法
2. 创建查看结果
3. 退出动作方法
4. 处理视图结果（从而渲染视图）

换句话说，我们的手动渲染过程开始了许多其他的操作，这些操作使测试变得困难（例如与构建管理器进行交互以编译视图）。

假设您要测试操作方法而不是视图的实际内容，则可以检查代码是否在托管环境中执行。

    public static string PartialView( Controller controller, string viewName, object model )
    {
        // returns false from a VS 2013 unit test, true from IIS
        if( !HostingEnvironment.IsHosted )
        {
            // return whatever you want here
            return string.Empty;
        }

        // continue as usual
     }

检查HostingEnvironment.IsHosted是廉价的（在幕后，这只是一个空检查）。