Actualiser uniquement le panneau de contenu dans la page maquette dans la navigation de page dans asp.net mvc

Question

J'ai une page maître avec des volets En-tête, Menu, Contenu et Pied de page dans mon application asp.net mvc (C#).

Je ne souhaite pas que les volets En-tête et Pied de page soient actualisés à la navigation de chaque page, seuls les volets Menu et Contenu doivent être actualisés. Comment puis-je l'obtenir dans l'application asp.net mvc? des suggestions

Answer 1

pure charge ajax de l'intérieur des pages pourraient être obtenues en capturant les clics de lien dans la navigation à quelque chose comme:

$('a:not(.external)').each(function(){ 
    $(this).attr('href', '#'+this.href); 
}); 

Ensuite, vous pouvez utiliser le jQuery BBQ plugin pour gérer votre bouton de retour et la page charge avec l'événement 'onHashChange'. Cela vous permettra de charger ajax chacune des parties principales de la page (probablement avec un appel de type $('#main-div').load(url);). La démo pour BBQ fait à peu près exactement ce que vous voulez, avec l'avantage supplémentaire que vous ne ruinez pas le bouton de retour, donc je suggérerais d'y jeter un coup d'œil.

Answer 2

Faire Ajax appelle au contrôleur, comme ci-dessous et de créer le "* .ascx" PartialView dont vous avez besoin

$('#divMainContent').load("./LoadMainContent"); 



    [Authorize] 
    public ActionResult LoadMainContent() 
    { 
     return PartialView("MainContent", sp); 

    }