Rendering visualizzazioni parziali utilizzando ajax

Question

Ho controllato this question e ha risolto i miei problemi iniziali. Ma non voglio che la vista parziale venga visualizzata solo quando l'utente fa clic su un link, voglio renderizzare viste parziali quando la pagina viene caricata e, possibilmente, mostrare un indicatore di avanzamento mentre viene caricata la vista parziale.

Come raggiungerlo?

Grazie mille per aver letto questo.

Answer 1

Se si desidera caricare la pagina e quindi caricare la vista parziale tramite la tecnologia AJAX è possibile creare un ActionMethod che fa qualcosa di simile:

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

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

e quindi nella tua pagina fai qualche Cose del genere:

$(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

È possibile renderlo nella pagina iniziale scrivendo @Html.Partial(...).

Answer 3

controller

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

sulla pagina predefinita (utilizzando il funzionamento jquery ajax)

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