Come chiamare viste parziali (basate su Ajax) direttamente nella pagina indice di un VIEW (MVC) con il layout dell'indice anche - ajax, asp.net-mvc, asp.net-mvc-partialview

Fammi essere più specifico..Quello che voglio fare è che quando faccio clic su un sottomenu, ad esempio, dico che XYZ è un sottomenu di un menu principale ABC..quando faccio clic su XYZ si carica tramite ajax sulla pagina principale, cioè ABC..la parte ajax è fatta non come chiamarlo dal menu .... incollerò il mio codice per renderlo più chiaro ..

<li>@Html.ActionLink("About Us", "Index", "AboutUs")
<ul>
<li>@Html.ActionLink("Vision & Misson", "Index", "AboutUs")</li>
<li>@Html.ActionLink("Our Ethics", "Index", "AboutUs")</li>
</ul>
</li>

questa è una pagina su di noi, normalmente è direttaalla sua pagina INDICE quando si fa clic su di noi .. COSÌ quando si passa il mouse su DI NOI si apre un menu a discesa che mostra più opzioni: visione e missione la nostra etica ...... attualmente entrambi sono diretti all'indice quello che voglio è che quando clicco su visione e missione, dovrebbe aprire la vista parziale di visione e missione direttamente sulla pagina dell'indice di noi ... allo stesso modo quando si fa clic sulla pagina "la nostra etica", si dovrebbe chiamare direttamente la vista parziale "la nostra etica" e visualizzarla sulla pagina dell'indice di noi

risposte:

Cambia il tuo @ Html.ActionLink in @ Ajax.ActionLink

<li>@Html.ActionLink("About Us", "Index", "AboutUs")
<ul>
<li>@Ajax.ActionLink("Vision & Misson", "VisionAndEthics", new AjaxOptions {
InsertionMode = InsertionMode.Replace, UpdateTargetId = "divTarget"
})</li>
<li>@Ajax.ActionLink("Our Ethics", "OurEthics", new AjaxOptions {
InsertionMode = InsertionMode.Replace, UpdateTargetId = "divTarget"
})</li>
</ul>
</li>

La proprietà della modalità di inserimento è impostata per sostituire e la proprietà UpdateTargetId è l'id del contenitore HTML in cui si desidera inserire il risultato.

Quindi nel tuo controller

public PartialViewResult VisionAndEthics() {
return PartialView("VisionAndMission");
}

public PartialViewResult OurEthics() {
return PartialView("OurEthics");
}

In questo modo è anche possibile gestire i client con JavaScript disattivato estendendo questa soluzione.