我正在将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管道中渲染视图要早一些。
手动渲染
自动渲染
换句话说,我们的手动渲染过程开始了许多其他的操作,这些操作使测试变得困难(例如与构建管理器进行交互以编译视图)。
假设您要测试操作方法而不是视图的实际内容,则可以检查代码是否在托管环境中执行。
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是廉价的(在幕后,这只是一个空检查)。
HostingEnvironment.IsHosted