Afficher une partie des données du modèle de vue à la fois (ASP.NET MVC 3)

Question

Je suis complètement nouveau à ASP.NET MVC, donc la question peut sembler stupide.

J'ai une vue qui devrait afficher une partie des données de son modèle à la fois. Et il y a des boutons qui devraient déclencher quelle partie des données est affichée. Jusqu'à présent, j'ai encapsulé chaque partie des données dans un div et ajouté des boutons. J'ai également ajouté une fonction qui renvoie le style CSS pour un ID donné (en gros, il renvoie display:visible ou display:none).

Je suppose que je serai en mesure de câbler les gestionnaires d'événements pour les boutons. Mais je suis complètement bloqué à redessiner/mise à jour des éléments div. Je veux dire, je ne comprends pas comment devrais-je causer des divs pour mettre à jour leur style.

Pourriez-vous s'il vous plaît m'aider à afficher/masquer dynamiquement les éléments div et les boutons?

Answer 1

Cela devrait être javascript standard (ou dans votre cas jquery). Il n'a aucun rapport avec MVC3. Une fois que vous avez construit la vue qui inclut tous vos divs avec du contenu, vous appelez $ ('# div_id'). Show() ou $ ('# div_id'). Hide() pour afficher ou masquer. Vous pouvez également utiliser de nombreuses autres méthodes qui ont des animations connexes, mais cela devrait vous aider à démarrer.

http://docs.jquery.com/Tutorials:Basic_Show_and_Hide

Answer 2

Comme ceci:

$('buttonClass/IDhere').click(function(){ 
$('theDivYouWantToShowClass/IDhere').toggle(); 
});