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

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

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

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

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

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

回答:

我敢肯定有多种方法可以做到这一点。我从控制器手动渲染视图,然后将渲染的视图作为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是廉价的(在幕后,这只是一个空检查)。

以上是 从ASP.NET MVC操作返回部分视图和JSON 的全部内容, 来源链接: utcz.com/qa/411157.html

回到顶部