Devolución de múltiples vistas parciales de una sola acción del controlador?

Question

Necesito actualizar Múltiple de una llamada Ajax, estoy confundido en cuanto a cómo devolver estas vistas múltiples desde el método de acción del controlador.

Answer 1

Solo puede devolver un valor de una función, por lo que no puede devolver múltiples parciales desde un solo método de acción.
Si está intentando devolver dos modelos a una vista, cree un modelo de vista que contenga los dos modelos que desea enviar y convierta el modelo de su vista en el nuevo ViewModel. P. ej.

Su modelo de vista se vería así:

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

A continuación, el controlador de la acción sería:

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

    return View(model); 
} 

Y finalmente el punto de vista sería:

@model Application.ViewModels.ChartAndListViewModel 

<h2>Blah</h2> 

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

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

Answer 2

Tal vez esta solución puede ayuda:

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

Answer 3

Hay un muy buen ejemplo aquí ....
http://rhamesconsulting.com/2014/10/27/mvc-updating-multiple-partial-views-from-a-single-ajax-action/

Crear un método de ayuda a empaquetar la vista parcial ...

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(); 
    } 
} 

Crear una acción de controlador para agrupar las múltiples vistas parciales ....

[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 }); 
} 

Cada vista parcial puede utilizar su ow n modelo si es necesario o puede agruparse en el mismo modelo que en este ejemplo.

A continuación, utilice una llamada AJAX para actualizar todas las secciones de una sola vez:

$('#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.'); 
     } 
    }); 
}); 

Si desea utilizar este método para una petición GET, necesita eliminar el decorador [HttpPost] y añadir JsonRequestBehavior.AllowGet al producto devuelto JsonResult:

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