wie zu öffnen modal dialog jquery nach dem schließen?

Habe ich eine Asp.Net MVC-Anwendung, wo im 1 Ansicht, ich habe eine Liste mit jedem Datensatz zeigt das Symbol Bearbeiten. Klick auf das Bearbeiten-Symbol öffnet sich ein Modaler dialog, popup, um den Datensatz aktualisieren .

Ich Probleme bei der Wiedereröffnung der dialog oder auf andere Bearbeiten-Symbol, um das pop-nach dem schließen des Dialogfelds .
Folgendes ist mein jquery-code, um den dialog zu öffnen :

var singltym;

$(function () {

    $('#addSingleTimeDialog').dialog({
            cache: false,
            autoOpen: false,
            width: 450,
            height: 450,
            closeOnEscape: true,
            resizable: true,
            modal: true});

    $('#singletymlink').on('click', function () {
            singltym = $(this);
            var dialogDiv = $('#addSingleTimeDialog');
            var viewUrl = singltym.attr('href');
            $.ajax({
                cache: false,
                url: viewUrl,
                dataType: 'html',
                success: function (data) {
                    dialogDiv.html(data);
                    dialogDiv.dialog('open');
                }
            });
            return false;
        });
});

Poste bitte deinen vollständigen code (<div>) in der Frage, da finde ich die Lösung für Ihr problem.

InformationsquelleAutor Shalin Jirawla | 2013-05-30

    var singltym;

    $(function () {

        $('#addSingleTimeDialog').dialog({
                cache: false,
                autoOpen: false,
                width: 450,
                height: 450,
                closeOnEscape: true,
                resizable: true,
                modal: true});

        $('#singletymlink').on('click', function () {
                singltym = $(this);
                var dialogDiv = $('#addSingleTimeDialog');
                var viewUrl = singltym.attr('href');
                $.ajax({
                    cache: false,
                    url: viewUrl,
                    dataType: 'html',
                    success: function (data) {
                        dialogDiv.html(data);
                       dialogDiv.dialog('open');

//Ich arbeite in dieser Methode

                  $( this ).dialog( "close" );

                }
            });
        });
});

Oder

$.ajax({
                    cache: false,
                    url: viewUrl,
                    dataType: 'html',
                    success: function (data) {
                        dialogDiv.html(data);
                       $("#dialogDiv").dialog("open");

                  $( this ).dialog( "close" );

                }

Wenn $( this ).dialog( "close" ); nicht arbeiten, weil Sie nicht versuchen, diese bestimmten Satz??

$('#addSingleTimeDialog').dialog("close");

Ich habe sogar versucht das abfangen des Skript mit $( this ).dialog( "close" ); , aber kein Erfolg.
und $('#addSingleTimeDialog').dialog("close"); probiert?? @ShalinJirawla
ya habe sogar versucht $('#addSingleTimeDialog').dialog("close"); , aber ohne Erfolg
Bitte kopieren Sie den code und fügen Sie über jsfiddle.net da verfehlen Sie den code in html (div)
Schauen Sie sich auf diese Antwort stackoverflow.com/a/8887789/1461682
danke @Mirko für Ihre Hilfe bei der Lösung der oben genannten Problem
$( this ).dialog( "close" ); funktioniert PERFEKT. (y)

InformationsquelleAutor Mirko Cianfarani

3

Das oben genannte Problem kann gelöst werden, durch die unter anderem die unten scripts in der übergeordneten Ansicht, von wo der dialog popup geklickt wird & eingeleitet :
```
<script type="text/javascript" src="../../Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.validate.unobtrusive.min.js"></script>
```
Sowie einfügen der unten Skripts in der untergeordneten Ansicht, die die Benutzeroberfläche für die modalen dialog-popup :
```
<script type="text/javascript" src="../../Scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.validate.unobtrusive.min.js"></script>
```
Durch scripting in solcher Weise, jquery Konflikt vermieden wird & Wiedereröffnung der dialog kann man schnell getan.

InformationsquelleAutor Shalin Jirawla
1

Könnten Sie die open Methode:
```
$('#addSingleTimeDialog').dialog('open');
```
- Ich weiß, ich kann, aber ich habe zum laden der dialog mit dynamischen Daten die kommt von der server-Seite die controller-Aktion, für die ich brauchen, um zu bauen den dialog mit url & übergeben Sie die Daten als html für die dialog-UI
- Das merkwürdige ist, dass das gleiche Skript, das ich benutze in andere Sicht & es funktioniert Prima. Habe ich analysiert & festgestellt, dass es nicht erfrischend, der dialog. Ich habe die folgenden gewaltsam aktualisieren . $('#updateMstrTaskDialog').dialog({ cache: false, autoOpen: false, width: 300, height: 230, resizable: true, modal: true, close: function () { location.reload(); } }); Es funktioniert aber mit einem unerwünschten postback.
InformationsquelleAutor Darin Dimitrov
0

Schreiben versuchen $( this ).dialog( "close" ); Methode in close-Funktion. Eg :
```
close: function(){ $( this ).dialog( "close" ); },
```
$( this ).dialog( "close" ); zerstört nicht den dialog, sondern es schließt sich einfach und macht es verwendet werden, für die nächste Zeit.

InformationsquelleAutor JayKandari
0

Kam über diese ältere Frage, fand eine einfachere Lösung, die hier nicht aufgeführt.

Fügen Sie einen Ereignis-listener für das Ereignis schließen, und rufen Sie zu zerstören, wenn das Dialogfeld geschlossen ist.
```
close: function(event, ui) {$(this).dialog("destroy");}
```
InformationsquelleAutor ThatOneCloud
0

Mein problem wurde gelöst durch ersetzen
```
$(this).dialog("close");
```
mit
```
$(this).dialog("destroy");
```
InformationsquelleAutor Md. Shafiqur Rahman

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.