MVC-pop up windows

J'ai besoin de créer des fenêtres pop-up dans mvc(pas de nouvel onglet dans le navigateur). Personne ne sait comment faire cela?

source d'informationauteur Cipiripi

  1. 34

    Une possibilité est d'utiliser jquery ui dialog.

    MODIFIER

    L'idée serait d'avoir un ajax d'action qui renvoie une vue partielle. Le résultat de cette action (html) est placé à l'intérieur du conteneur de la liste déroulante et sur le gestionnaire de succès de l'appel ajax vous ouvrez la fenêtre contextuelle. Voici un exemple de code:

    @Ajax.ActionLink("Open popup", "SomeAction", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "result", InsertionMode = InsertionMode.Replace, OnSuccess="openPopup" })<br />

<div id="result" style="display:none;"></div>

<script type="text/javascript">
$(document).ready(function() {
    $("#result").dialog({
        autoOpen: false,
        title: 'Title',
        width: 500,
        height: 'auto',
        modal: true
    });
});
function openPopup() {
    $("#result").dialog("open");
}
</script>

    Puis vous devez ajouter l'action dans le contrôleur qui retourne la vue partielle

     [HttpGet]
 public PartialViewResult SomeAction()
 {
      return PartialView();
 }

    Place tout ce dont vous avez besoin dans la vue partielle, vous pouvez également inclure des paramètres dans l'action, etc.

    Bonne chance!

  2. 3

    Plus évident est l'utilisation de l'un des frameworks js. Personnellement, je visez plutôt jQuery UI dialog control.

    Veuillez vérifier http://jqueryui.com/demos/dialog/ pour obtenir des informations détaillées à ce sujet.

    Vous pouvez aussi vérifier ASP.NET MVC boîte de dialogue modale/popup meilleures pratiques (il est question similaire à la vôtre)

    Bien sûr, si vous avez besoin d'un simple popup vous pouvez toujours utiliser alert('Im popup');

    Mise à jour en fonction de votre dernière demande

    Pour ouvrir une url dans une nouvelle fenêtre, vous pouvez utiliser la prochaine javascript:

    function OpenDialog() {
window.open("some url", "DialogName", "height=200,width=200,modal=yes,alwaysRaised=yes");
}

    Mais le résultat dépend vraiment de navigateur. La plupart d'entre eux d'ouvrir cette fenêtre modale pas dans un nouvel onglet mais dans la nouvelle instance du navigateur.

    Cette rubrique peut vous aider à aswell:

    JavaScript ouvre dans une nouvelle fenêtre, pas d'onglet