Öffnen aspx-Seite als modal popup

Habe ich ein raster mit der option Bearbeiten ,und auf die Schaltfläche Bearbeiten, die ich brauche, um einen redirect zu einer Seite Bearbeiten .
die Voraussetzung ist, um in dieser edit-Seite ein popup-Fenster mit hintergrund (prev page (Vorherige Seite), werden ausgegraut.

ich habe versucht, modales popup, aber die Steuerelemente werden auf einer separaten Seite .

ich habe versucht, modal-popup-Bedienfeld und ein Iframe : dies funktioniert..aber über ein anderes problem entsteht.ich brauche Sie zum schließen der Seite auf "SPEICHERN" oder "Abbrechen" butotn klicken .diese Steuerelemente auf der Seite "Bearbeiten" und nicht auf der prev-Seite .jede Hilfe ist willkommen .

Dank
Rajat

warum erstellen Sie eine aspx-Seite ... ein benutzerdefiniertes Steuerelement verwenden, legen Sie alles, was Sie grid/ - Tasten, und rufen Sie das Steuerelement mit einem modalen popup ...
🙂 ...auch wir sind mit separaten anzeigen \ interface \ presenter

InformationsquelleAutor Rajat banerjee | 2011-08-04

  1. 0

    Können wir uns öffnen einer aspx-als popup, IFrame, wie folgt,

    Zuerst ein button und geben onclick-Ereignis wie folgt

       <input id="btnSymbol" type="button" value="..." onclick="OpenMyPopUp()" runat="server"/>

    In der nächsten Seite einen "Div" - tag mit der id wie folgt

       <div id="MyDialog">
        </div>

    Dann finden Sie unten die beiden Methoden, die die Gegenwart URL und öffnet eine aspx-Seite in einem popup IFRAME

        function OpenMyPopUp(){openPopup('OpenPage.aspx', 530, 800, 'Page Title');}

    Die Vier Parameter, die gesendet werden, wie folgt, URL,height,width,Titel

       function openPopup(url, h, w, t) {
if (url != null && h != null && w != null && t != null) {

    urlBase = location.href.substring(0, location.href.lastIndexOf("/") + 1);
    url = urlBase + url;
    $('#MyDialog').html('<iframe border=0 width="100%" height ="100%" src="' + url + '"> </iframe>');
    $("#MyDialog").dialog({
        title: t,
        modal: true,
        autoOpen: true,
        height: h,
        width: w,
        resizable: false,
        position: ['right-10', 'top+30'],
        closeOnEscape: false,
        dialogClass: "alert"
    });
}}

    InformationsquelleAutor Deepak Kothari

  2. 4

    werde ich stark vorschlagen, um die Verwendung von Benutzer-Steuerelement, wie es wird mehr nützlich für Sie zu verwalten und es gibt keine Punkt erstellen a ganze Seite, es bcz-modal popup verwendet ajax-request und wenn Sie versuchen, laden Sie die Seite in der es dann zu tun haben post ... das geht nicht zusammen, entweder die Verwendung ajax-request oder post zurück ...

    plus ich war auf der Suche nach der Antwort auf die ur Frage und ich stieß auf diesen Artikel, wo es heißt:

    Können Sie verwenden, Modal-Popup-Extender zu öffnen, einen Teil der Seite als
    Popup. Aber da wir nicht über eine Eigenschaft zu öffnen, die andere html-oder aspx
    Seite im Popup Fenster.

    http://wiki.asp.net/page.aspx/1378/open-different-page-using-ajax-modal-popup-extender-control/

    und fand auch die Leute zu Fragen, gleiche Frage wie du hast, und die Antwort, die Sie bekam ist hier

    verwenden Iframe oder user control

    Gibt es einen Weg zu öffnen, andere Seite mit ModalPopup-Extender?

    und ich werde vorschlagen, zu ändern Ihr design, wie es kann nicht Schaden, sondern es werden viel mehr hilfreich ...

    hoffe, dass dies helfen ...

    InformationsquelleAutor Safran Ali

  3. 2

    Habe ich die Modalen Popup-Steuerelement aus dem AJAX Control Toolkit mehrmals mit gutem Erfolg:
    http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/ModalPopup/ModalPopup.aspx

    stimmt....aber das problem ist, nachdem ich pop ' up. das Problem mit dem schließen des popup über einen Klick auf eine Schaltfläche auf dem popup selbst...es wird komplexer ..als Sie die Steuerelemente in dem popup sind nicht auf dieser Seite...aber eine separate Seite.

    InformationsquelleAutor Graham

  4. 1

    Nur eine Idee, aber wie wäre es mit dem jquery "Inhalt ()" - Funktion?

    Könnte man ein Intervall festlegen, sich für ein element innerhalb des iframe aus der übergeordneten Seite.
    (Sie verwenden .net, so dass Sie könnte es machen, erscheinen nach dem postback auf die iframe-Seite).

        <%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="admin_test" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>    
    <script>
        $(function () {

            var watchForClose = setInterval(function () {
                if ($('#testIframe').contents().find('#closeModal').length > 0) {
                    clearInterval(watchForClose);
                    /* call function to close modal here..*/
                    alert('Close modal');
                };
            }, 100);

        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <iframe id="testIframe" src="Default.aspx" width="300" height="300"></iframe>
    </div>
    </form>
</body>
</html>

    Den oben gesucht ist ein element innerhalb der iframe-Seite mit der id "closeModal". Wenn das element angezeigt wird, können Sie einen Anruf tätigen, um den modal-close Funktion (ersetzen Sie einfach die Warnung mit dem Aufruf).

    InformationsquelleAutor Oppdal

  5. 1

    Wenn Sie bootstrap Modal, dann können Sie fügen Sie einen iframe in die modale Körper und laden Sie die url von Ihrer Seite drin.

    <div class="modal fade" id="modalC" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Cantidad reservas mensuales</h4>
            </div>
            <div class="modal-body" id="content">
                <iframe src="your new page url">
            </div>
        </div>
    </div>
</div>

    InformationsquelleAutor Malik Zahid

Schreibe einen Kommentar