jQuery UI-Dialogformular, keine korrekte Variable senden

Question

Ich lade eine Kundendatenseite mit jQuery. Es gibt eine Liste von Kunden mit einem Link daneben:

<a href="#" onclick="load_customer(<?php echo $c->id; ?>);return false;">View</a> 

, die diese Funktion auslöst:

function load_customer(id) { 
    $("#dashboard").load('get_info/' + id); 
} 

, die perfekt funktioniert. Auf der Seite, die ich lade, habe ich ein modales Dialogformular für jQuery UI zum Hinzufügen neuer Informationen.

<div id="addinfo"> 
    <form><input type="hidden" name="customer_id" value="<?php echo $c->id; ?>" /></form> 
</div> 

Mein javascript:

$("#addinfobutton").click(function(){ 
      $("#addinfo").dialog("open"); 
      return false; 
    }); 
    $("#addinfo").dialog({ 
      autoOpen:false, 
      width:400, 
      height:550, 
      modal: true 
    }); 

Wenn Sie einen Kunden zum ersten Mal wählen, füllt sie das versteckte Feld richtig, aber dann bleibt es das gleiche auch nach anderen Kunden auswählen.

Ich dachte, dass durch das Laden einer neuen Kundenseite das Formular auch zurückgesetzt würde ... aber anscheinend wird es irgendwo gespeichert/zwischengespeichert. Wenn ich die ID irgendwo anders auf der Seite anzeige, wird sie korrekt angezeigt ... nur nicht im "addinfo" div.

Jede Hilfe/Vorschläge wären willkommen! Vielen Dank!

Answer 1

Dialog des JQuery nicht nachladen der Inhalt für Sie, wenn Sie sie öffnen. Ich tendiere dazu, einen AJAX-Aufruf zu haben, der den Inhalt des divs ersetzt, auf dem sich das Dialogfeld befindet (oder einige Werte darin ändern), wenn das Dialogfeld geöffnet wird.

Wenn Sie ein verstecktes Feld möchten, würde ich es nicht in den Dialog einfügen, Sie sollten in der Lage sein, den Wert von außerhalb des Dialogs abzurufen.

Answer 2

Nach einigen Recherchen scheint es, dass der Dialog clientseitig zwischengespeichert wird, nachdem er aufgerufen wurde. Um das zu umgehen, habe ich einfach die customerId am Ende des ID-Namens des Popup-DIVs hinzugefügt ... so hat jede Kundenseite eine eindeutige Dialog-ID.

Wenn jedoch jedes dieser Dialoge zwischengespeichert wird, gibt es dann keinen Leistungsverlust, wenn Sie einige öffnen? Wie können Sie sie löschen, ohne eine vollständige Seitenaktualisierung durchführen zu müssen?

Answer 3

Ich denke, wenn die #addinfo div aktualisiert wird, sollte den neuen Inhalt erfassen ... wie auch immer dies den Dialog zerstören würde es nach dem Schließen eine neue Instanz, um sicherzustellen, wird erstellt:

$("#addinfobutton").click(function(){ 
    openDialog('#addinfo'); 
    return false; 
}); 
function openDialog(elm) { 
    $(elm).dialog({ 
     autoOpen:true, 
     width:400, 
     height:550, 
     modal: true, 
     close: function() { 
      $(this).dialog('destroy'); 
     } 
    }); 
}