2016-11-20 1 views
0

Ich habe dataTable die letzte Spalte zum Bearbeiten. Ich habe eine separate Seite für das Bearbeitungsformular. Was ich will ist, wenn Edit Link angeklickt ist, öffnen Sie diese Seite in einem jQuery-Dialogfeld und senden Sie Daten.Seite in jquery Dialogfeld

+1

IDs können nicht auf einer einzigen Seite wiederholt werden. Es sieht so aus, als ob Sie möglicherweise mehrere Tags mit der gleichen 'myHref'-ID erstellen. Nicht sicher, ob das dein ganzes Problem ist, aber das ist ein Problem. Es sei denn, ich lese das falsch. – Taplar

+0

@dil Ich habe einen Workaround für das hinzugefügt, was ich denke, dass Sie wollen. Die Frage ist nicht ganz klar, also lassen Sie mich wissen, wenn Sie etwas anderes wollen. – georoot

Antwort

0

Der richtige Weg, um dieses Problem

Unter der Annahme, dass ein Popup oder eine spezifischere Begriff modal das Formular zu bearbeiten, sollten Sie keine separate HTML-Ansicht für das haben wollen, zu lösen, sondern tatsächlich eine allgemeine Form machen und posten Daten unter Verwendung von ajax. Das Erstellen einer separaten Seite verhindert diesen Zweck.

Jetzt vorausgesetzt, dass Sie noch eine separate Seite dafür haben möchten. Der Modal sollte wie

<div class="modal"> 
    <iframe src="" id="frameSrc"> 
    </iframe> 
</div> 

sein, wo die src die URL der Seite, die Sie öffnen möchten, ich bin zu raten, aus der href. Also hier ist, wie würden Sie tun, dass in Javascript

$(this).on("click", function() { 
    var editUri = $this.attr('href'); 
    document.getElementById('frameSrc').src = editUri; 
}); 

Die Javascript wird die URL von href erhalten und die src in iframe Tag in modal ersetzen.

this helps ..

0

Sie können dies ohne Alarm zu tun und Sie brauchen nicht href jquery Verwendung fadeIn und etwas Art zu machen, schicken.

$('a#login').click(function(){ 
 
$("#bgstyle").fadeIn('slow'); 
 
    $('form').fadeIn('slow'); 
 
    
 
})

Fiddle DEMO Hoffnung diese Hilfe Sie

trotzdem, wenn ich das i Bootstrap-modal zu bevorzugen tun wollen.

Verwandte Themen