MVC 3 Rasoir Fenêtre PopUp

- Je besoin pour ouvrir une nouvelle fenêtre pop-up sur le clic d'un bouton dans une vue. La nouvelle fenêtre doit être rediriger vers un spécifique actionmethod dans un contrôleur spécifique. J'ai également besoin de fournir des attributs pour la taille de la nouvelle fenêtre pop-up.
J'ai essayé le code suivant:

<input type="button" name = "ClickMe" Value="ClickMe" onclick= "javascript:window.open('/Home/Create/','Customer Search',height='window.screen.height - 100', width='200',left='window.screen.width - 250' ,top='10',status='no',toobar='no',resizable='yes',scrollbars='yes')"/>

Sur cliquez sur le bouton, rien ne se passe. Je reçois d'erreur Javascript suivant:

Ligne: 19

Char: 1

Erreur: Invalid argument.

Code: 0

Lorsque je vérifie le ViewSource du code HTML de rendu, je trouve la ligne pour être celui qui est rendu le bouton.
Je suis sous Windows Vista avec IE 7. Je suis en train de travailler sur MVC 3 avec Moteur de Rasoir dans VS 2010

InformationsquelleAutor Vipul | 2011-08-02
  1. 14

    Respect html. Le Respect de javascript. Respecter le cadre de ce que vous écrivez, qui a fait deux grosses modifications (validation et ajaxity) à partir de sa 2ème version de la 3ème à appliquer le plus récent, moderne principe - Javascript Discret. Vous gérer, de rectifier cette erreur en moins de temps vous avez passé sur le fait de poser la question ici si vous avez suivi ce principe (avec l'aide de vs javascript synthax mettre en évidence).

        <input type="button" id="ClickMe" name = "ClickMe" Value="ClickMe" />
...
    <script type="text/javascript">
            $(function () {
                $('#ClickMe').click(function () {
                   window.open('/Home/Create/', 'CustomerSearch', 'height=' + (window.screen.height - 100) + ',width=200,left=' + (window.screen.width - 250) + ',top=10,status=no,toolbar=no,resizable=yes,scrollbars=yes');
                });
            });
    </script>

    Et comme je l'ai découvert, c'est le problème avec l'espace dans le nom de la fenêtre dans IE - 'la Recherche de Client'. Si vous supprimez l'espace - 'CustomerSearch', il va commencer à travailler dans IE trop

    • Merci pour la réponse rapide. Mais le problème persiste.
    InformationsquelleAutor archil
  2. 5

    Le code HTML fourni a quelques bizarreries sur le ' caractères dans le onclick. Essayer et modifier à la suivante (retours à la ligne (ajouté pour des raisons de lisibilité):

    <input type="button"
       name="ClickMe"
       value="ClickMe"
       onclick="javascript:window.open('/Home/Create/',
                                       'Customer Search',
                                       'height=' + (window.screen.height - 100) + ',width=200,left=' + (window.screen.width - 250) + ',top=10,status=no,toolbar=no,resizable=yes,scrollbars=yes');"/>

    Changements notables:

    • Troisième argument de window.open() est un JavaScript chaîne avec des valeurs de calculs inséré
    • Arguments au sein de la chaîne de configuration a ' retiré
    • toobar → toolbar.

    Basé sur archil de mise à jour il semble qu'il a frappé le clou:

    var windowObjectReference = window.open(strUrl, strWindowName[, strWindowFeatures]);

    strWindowName

    C'est la chaîne qui vient de noms de la nouvelle fenêtre. Une telle chaîne peut être utilisée pour être la cible de liens et formulaires lorsque l'attribut cible d'un <a> élément ou d'un <form> est spécifié. Ce paramètre de chaîne ne doit contenir aucun espace vide. strWindowName ne précise pas le titre de la nouvelle fenêtre. (source)

    • Merci pour la réponse rapide. déteste dire cela, mais un "'" est manquant immédiatement après "scrollbars=yes". Même après rectification , le problème persiste. Toutes les autres suggestions ?
    • Ouh, vous avez raison. C'est corrigé maintenant, mais je crois que archil a frappé le clou avec le nom de la fenêtre (CustomerSearch), cf. window.open sur MDN: "Ce paramètre de chaîne ne doit contenir aucun espace vide."
    • Merci. Maintenant je me souviens de quelque chose que j'ai fait il y a 2 ans où le nom de la fenêtre avait à fourni pour ouvrir une nouvelle fenêtre.
    InformationsquelleAutor jensgram
  3. 0
    <script type="text/javascript">
    //script for loading value to division
    $(function () {
        $('form').submit(function () {
            $.ajax({
                url: this.action, //you can redirect to your specific controller here..
                type: this.method,
                data: $(this).serialize(),
                success: function (result) {
                    $('#popUp').html(result);
                }
            });
            return false;
        });
    });
</script>

<script type="text/javascript">
    //Script for pop up dialog.
    $(function () {
        $('form').submit(function () {
            $("#popUp").dialog({
                modal: true,
                resizable: false
            });
        });
    });
</script>

<div id="popUp" >
</div>
    InformationsquelleAutor Suraj Shrestha