J'ai un type de tableau de bord de page où à gauche vous auriez des éléments de menu comme:
chacun d'entre eux allant à une action différente dans le même contrôleur.
J'aimerais que chaque action rendait chaque action des données dans la même page (en vues partielles) mais je n'ai aucune idée de ce que le "meilleur" moyen de faire cela serait.
permet donc de dire que le lien 1 rend une liste de personnes (table), link 2 statistiques (graphiques) et liste 3 certaines propriétés de configuration.
Comment dois-je définir cela de sorte que sur chaque clic, la trame principale (qui correspond à la barre de menus de la gauche contenant la liaison 1-2-3 et est définie dans une vue partagée) reste mais seulement la teneur moyenne (partielle Vues) changerait, gardant à l'esprit que le lien 1 est une table, link 2 graphiques et autres commandes et link 3 un tas de commandes (textes de texte, dépose et ainsi de suite).
Devrais-je montrer / masquer Div's à chaque clic? Cela semble / se sent sale pour moi? Toutes les entrées / suggestions sont les bienvenues!
EDIT:
C'est le comportement que je veux (réponse acceptée): Montrer / masquer plusieurs divs avec jQuery
3 Réponses :
Vous devez utiliser éther php ou java pour ce type de configuration. Alternativement, vous pouvez utiliser un cadre JS comme angulaire ou réagir, ils peuvent également le gérer. Pour les JS uni, vous pouvez utiliser un événement (les liens cliqués sur cliqué) pour modifier la page comme vous le souhaitez.
Je ne peux pas utiliser PHP, réagir ou doctorage depuis que je ne connais pas ces langues, mais pouvez-vous m'en dire plus sur l'approche JavaScript? Je ne peux pas imaginer que ce serait la seule option de ma configuration? Merci pour votre avis!
Vous pouvez ajouter un gestionnaire ONCLICK sur un lien:
function handleLink1(){
//Here you asign the new HTML:
Document.getElementById("renderArea").innerHTML = "<div/>";
}
J'ai essayé cela mais en cliquant sur le (s) lien (s) ne fait rien. Mes liens ( ... ) sont dans une vue partagée (layout.cshtml) et mes fonctions sont donc. L'ID
Pour l'instant, j'ai mis en place cette réponse: Montrer / masquer plusieurs divs avec jQuery Étant donné que les autres ne sont pas dans mes connaissances directes pour les mettre en œuvre échantillon de code: Je suis toujours ouvert à d'autres suggestions, spécialement si elles impliquent des vues partielles et non à une grande partie d'autres des choses.
Merci à tous jusqu'à présent!
Voir Ceci et Ce comme 2 de nombreux exemples .
@Stevegreene Merci pour les exemples. Je pense que c'est légèrement compliqué pour moi, j'ai vraiment pensé qu'il y aurait un moyen plus simple de manipuler cela avec des vues partielles ... devinez que j'avais tort :)