Chargement d’une vue partielle dans jquery.dialog

Je suis complètement novice en mvc et j’essaie de créer une application fictive pour apprendre mvc 3. Je me suis frayé un chemin à travers l’exemple du magasin de musique et j’essaie maintenant de l’étendre légèrement dans une application plus réaliste. Avec l’exemple à chaque fois que vous voulez un nouvel élément, vous êtes redirigé vers la vue Créer, ce qui est bien, mais je veux utiliser le jquery.dialog pour ouvrir un popup modal qui permettra à l’utilisateur de insérer un nouvel article.

jusqu’à présent j’ai

 $(function () { $('#dialog').dialog({ autoOpen: false, width: 400, resizable: false, title: "hi there", modal: true, buttons: { "Close": function () { $(this).dialog("close"); } } }); $('#my-button').click(function () { $('#dialog').dialog('open'); });});   @Html.Partial("_CreateAlbumPartial")

Problèmes avec ceci est la vue partielle est chargée à chaque fois pas par ajax et je ne sais pas vraiment où je devrais placer la vue partielle. Shoukld que ce soit dans l’emplacement partagé ou dans le dossier avec les autres vues? Comment puis-je mettre à jour la classe de contrôleur pour prendre en charge la vue partielle?

Désolé si elles sont faciles à faire, im 3 jours dans mvc 🙂

Essayez quelque chose comme ça:

Nous avons utilisé la fonction open qui est déclenchée lorsque le dialog est ouvert et à l’intérieur, nous envoyons une requête AJAX à une action de contrôleur qui renverrait le partiel:

 public ActionResult CreateAlbumPartial() { return View("_CreateAlbumPartial"); }

Pour améliorer la réponse de Darin, nous pouvons déplacer le code de chargement div dans l’événement de clic sur le bouton. De cette manière, toutes les positions de la boîte de dialog de la position fonctionnent sur le nouveau texte, et la boîte de dialog est donc correctement placée.