Representación de vistas parciales usando ajax

Question

He comprobado this question y resolvió mis problemas iniciales. Pero no quiero que la vista parcial se represente solo cuando el usuario hace clic en un enlace, quiero mostrar vistas parciales cuando la página está cargada y, posiblemente, mostrar un indicador de progreso mientras se carga la vista parcial.

¿Cómo lograr eso?

Muchas gracias por leer esto.

Answer 1

Si desea cargar la página y luego cargar la vista parcial a través de AJAX puede crear una ActionMethod que hace algo como:

public ActionResult Create() 
{ 
    var model = new MyModel(); 

    if (Request.IsAjaxRequest()) 
    { 
      return PartialView("_Partial", model.PartialModel); 
    } 
    else 
    { 
      return View(model); 
    } 
} 

y luego en su página hacer un poco es como:

$(function(){ 

    $(document).ajaxStart(function() { 
     //show a progress modal of your choosing 
     showProgressModal('loading'); 
    }); 
    $(document).ajaxStop(function() { 
     //hide it 
     hideProgressModal(); 
    }); 

    $.ajax({ 
      url: '/controller/create', 
      dataType: 'html', 
      success: function(data) { 
      $('#myPartialContainer').html(data); 
      } 
    }); 
}); 

Answer 2

Puede representarlo en la página inicial escribiendo @Html.Partial(...).

Answer 3

controlador

public ActionResult GetModule(string partialName){ 
    return PartialView("~/Views/Shared/"+partialName); 
} 

en la página predeterminada (usando la operación jQuery Ajax)

<div id='mod1'>Loading...</div> 
<script type="text/javascript"> 
      $("#mod1").load("/ControllerName/GetModule?partialName=test1");   
</script>