MVC 3 Razor PopUp-Fenster

Brauche ich um zu öffnen ein neues Popup-Fenster auf einen Klick im Blick. Die neuen Fenster sollten Umleitung zu einer bestimmten actionmethod in einem bestimmten controller. Ich muss auch bieten Attribute für die Größe der neuen pop-up-Fenster.
Ich habe versucht den folgenden code:

<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')"/>

Klicken Sie auf die Taste, nichts passiert. Ich bekomme folgende Javascript Fehler:

Line: 19
Char: 1
Fehler: Ungültiges argument.
Code: 0

Wenn ich die ViewSource der HTML gerendert, ich finde die Zeile, die das Rendern der Schaltfläche.
Ich benutze Windows Vista mit IE 7. Ich arbeite auf MVC 3 mit Razor-Engine in VS 2010

InformationsquelleAutor Vipul | 2011-08-02

  1. 14

    Achtung html. Achtung javascript. Dem Rahmen, Sie schreiben auf, welche zwei großen Veränderungen (validation und ajaxity) aus seiner 2. version-3. zur Anwendung der neueren, modernen Prinzip - Unobtrusive Javascript. Könnten Sie verwalten, um zu korrigieren, dass der Fehler in weniger Zeit Sie damit verbracht, zu Fragen, Frage hier, wenn man beachtet, dass grundsätzlich (mit der Hilfe von vs javascript-synthax-highlighting).

        <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>

    Und als ich entdeckte, es ist die Ausgabe mit Leerzeichen im Fensternamen im IE - 'Kunde Suchen'. Wenn Sie entfernen, die Raum - 'CustomerSearch', es werde zu arbeiten beginnen, DH zu

    Vielen Dank für die prompte Antwort. Aber das Problem besteht weiterhin.
    Siehe meine aktualisierte Antwort

    InformationsquelleAutor archil

  2. 5

    Das HTML hat einige Macken auf der ' Zeichen in der onclick. Versuchen Sie es, und Bearbeiten Sie die folgenden (Zeilenumbrüche Hinzugefügt, um die Lesbarkeit zu verbessern):

    <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');"/>

    Bemerkenswerte Veränderungen:

    • Dritte argument window.open() ist eine JavaScript-string mit Werten aus Berechnungen eingefügt
    • Argumente in der config-string hat ' entfernt
    • toobar → toolbar.

    Basierend auf Artschil update es erscheint, dass er trifft den Nagel:

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

    strWindowName

    Dies ist der string, der nur den Namen des neuen Fensters. Eine solche Zeichenfolge kann verwendet werden, um das Ziel von links und bildet sich, wenn das target-Attribut eines <a> element oder einer <form> angegeben ist. Diese Zeichenfolge parameter enthält keine Leerzeichen. strWindowName nicht, geben Sie den Titel des neuen Fensters. (Quelle)

    Vielen Dank für die prompte Antwort. hasse dies zu sagen, aber ein "'" fehlt sofort nach "scrollbars=yes". Auch nach der Gleichrichtung , Problem besteht weiterhin. Irgendwelche anderen Vorschläge ?
    Ouh, du hast Recht. Es ist jetzt fest, aber ich glaube, dass archil hat, trifft den Nagel mit dem Fenster-name (CustomerSearch), cf. window.open auf MDN: "Diese Zeichenfolge parameter enthält keine Leerzeichen."
    Danke. Ich jetzt erinnere mich an etwas, ich habe vor 2 Jahren wo der name des Fensters musste zugeführt neues Fenster öffnen.

    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

Schreibe einen Kommentar