从单个控制器操作返回多个部分视图？

Question

我需要从Ajax调用更新多个，我很困惑，因为在如何从Controller Action方法返回这些多个视图。

Answer 1

您只能从函数中返回一个值，所以不能从一个操作方法返回多个部分。
如果您试图将两个模型返回到一个视图，请创建一个包含要发送的两个模型的视图模型，并将视图的模型设置为新的ViewModel。 例如

您的视图模型会是什么样子：

public class ChartAndListViewModel 
{ 
    public List<ChartItem> ChartItems {get; set;}; 
    public List<ListItem> ListItems {get; set;}; 
} 

那么你的控制器动作将是：

public ActionResult ChartList() 
{ 
    var model = new ChartAndListViewModel(); 
    model.ChartItems = _db.getChartItems(); 
    model.ListItems = _db.getListItems(); 

    return View(model); 
} 

最后你的看法是：

@model Application.ViewModels.ChartAndListViewModel 

<h2>Blah</h2> 

@Html.RenderPartial("ChartPartialName", model.ChartItems); 

@Html.RenderPartial("ListPartialName", model.ListItems); 

Answer 2

也许该解决方案可帮助你：

http://www.codeproject.com/Tips/712187/Returning-More-Views-in-an-ASP-NET-MVC-Action

Answer 3

这里有一个很好的例子....
http://rhamesconsulting.com/2014/10/27/mvc-updating-multiple-partial-views-from-a-single-ajax-action/

创建的helper方法包装起来的局部视图...

public static string RenderRazorViewToString(ControllerContext controllerContext, 
    string viewName, object model) 
{ 
    controllerContext.Controller.ViewData.Model = model; 

    using (var stringWriter = new StringWriter()) 
    { 
     var viewResult = ViewEngines.Engines.FindPartialView(controllerContext, viewName); 
     var viewContext = new ViewContext(controllerContext, viewResult.View, controllerContext.Controller.ViewData, controllerContext.Controller.TempData, stringWriter); 
     viewResult.View.Render(viewContext, stringWriter); 
     viewResult.ViewEngine.ReleaseView(controllerContext, viewResult.View); 
     return stringWriter.GetStringBuilder().ToString(); 
    } 
} 

创建一个控制器动作捆绑多个部分视图....

[HttpPost] 
public JsonResult GetResults(int someExampleInput) 
{ 
    MyResultsModel model = CalculateOutputData(someExampleInput); 

    var totalValuesPartialView = RenderRazorViewToString(this.ControllerContext, "_TotalValues", model.TotalValuesModel); 
    var summaryValuesPartialView = RenderRazorViewToString(this.ControllerContext, "_SummaryValues", model.SummaryValuesModel); 

    return Json(new { totalValuesPartialView, summaryValuesPartialView }); 
} 

每个局部视图可以使用它的ow n模型（如果需要），或者可以与本例中的相同模型捆绑在一起。

然后，使用一个AJAX调用更新所有章节一气呵成：

$('#getResults').on('click', function() { 

    $.ajax({ 
     type: 'POST', 
     url: "/MyController/GetResults", 
     dataType: 'json', 
     data: { 
      someExampleInput: 10 
     }, 
     success: function (result) { 
      if (result != null) { 
       $("#totalValuesPartialView").html(result.totalValuesPartialView); 
       $("#summaryValuesPartialView").html(result.summaryValuesPartialView); 
      } else { 
       alert('Error getting data.'); 
      } 
     }, 
     error: function() { 
      alert('Error getting data.'); 
     } 
    }); 
}); 

如果你想用这个方法的GET请求，你需要删除[HttpPost]装饰和添加JsonRequestBehavior.AllowGet到返回JsonResult：

return Json(new { totalValuesPartialView, summaryValuesPartialView }, JsonRequestBehavior.AllowGet);