ASP.NET MVC chargement de plusieurs vues partielles dans une seule div à l'aide de JQuery

Question

Je travaille sur une page d'aide composée d'une arborescence de navigation, d'une zone de contenu et d'une zone de recherche. L'arborescence de navigation contient des liens vers des questions fréquemment posées et un glossaire, chacun étant lié à une action qui renvoie des vues partielles.

À la droite de l'arborescence de navigation, j'ai une seule div contenu que je souhaite contenir, quelle que soit la vue partielle sélectionnée dans l'arborescence de navigation.

cas de succès (ce que je veux accomplir): cliquant sur un des liens FAQ appelle la méthode FAQ() dans mon contrôleur, puis retourne une vue partielle qui est alors affiché dans mon div contenu à droite de la barre de navigation arbre. Cliquer sur un autre élément entraînerait le chargement d'une autre vue partielle.

Comment procéder? J'ai lu une tonne d'ASP.NET MVC JQuery en train de charger des billets de blog et des tutoriels, mais je ne trouve personne qui a fait exactement cela.

Merci beaucoup!

Answer 1

Vous devriez pouvoir utiliser la méthode jQuery .load() pour charger du code HTML dans votre div. http://api.jquery.com/load/

Vous pouvez créer une action qui renvoie la vue partielle au format HTML. ASP.NET MVC Returning Partial View as a full View Page

Answer 2

jQuery: d'une façon simple, vous pouvez faire est de charger toutes les vues partielles « Container Div » à la page charge en une seule fois (si les performances ne sont pas un problème) puis attribuer à chaque div partielle avec différents div id intérieur "container", que d'utiliser jquery pour contrôler show(); cacher(); pour chaque div. MVC: MVC: MVC: Cependant, si vous étiez vous, "Glossaire" et "FAQ" semble même modèle pour moi, il ne devrait pas être mis en vue partielle différente en premier lieu. Si elles ont conçu dans un modèle séparé, dans ce scénario, je vous recommande de créer une classe proxy en tant que ViewModel au-dessus des modèles que vous souhaitez afficher, puis de le charger avec une vue partielle seulement