Problem mit jquery Dialog

Question

Ich habe eine Teilansicht mit einem Dropdown (mit Paid and unpaid als Optionen) und eine Schaltfläche. Ich lade diese Teilansicht mit jquery load, wenn der Benutzer im Untermenü einer Seite auf Paid/Unpaid List link klickt.

Wenn ich im Dropdown-Menü Bezahlt auswähle und auf die Schaltfläche klicke, wird im jquery-Dialogfeld die Liste der bezahlten Kunden angezeigt. Wenn ich Unbezahlt wähle und auf die Schaltfläche klicke, werden unbezahlte Kunden im jquery-Dialogfeld angezeigt.

Ich schreibe den folgenden Code für den Dialog:

$('#customers').dialog({ 
      bgiframe: true, 
      autoOpen: false, 
      open: function(event, ui) { 
       //populate table 
       var p_option = $('#d_PaidUnPaid option:selected').val(); 
       if (p_option == 'PAID') { 
        $("#customercontent").html(''); 
        //$("#customercontent").load("/Customer/Paid"); 
       } 
       else if (p_option == 'UNPAID') { 
        $("#customercontent").html(''); 
        //$("#customercontent").load("/Customer/Unpaid"); 
       } 
      }, 
      close: function(event, ui) { 
       //do nothing 
      }, 
      height: 500, 
      width: 550, 
      modal: true 
     }); 

Zum ersten Mal, ich bin die Liste korrekt im jquery Dialog bekommen, aber wenn ich auf die Paid/Unpaid List link erneut und wählen Sie unbezahlte in der Dropdown und klicken Sie auf die Schaltfläche, es zeigt den zuvor geladenen Inhalt im Jquery-Dialog.

Was mache ich hier falsch?

Answer 1

Versuchen Sie, jQuery AJAX mit der Option no-caching zu versehen. Ich hatte Probleme mit der load() -Funktion (und IE), wo gecachete Ergebnisse immer angezeigt würden. Um die Einstellung zu ändern, für alle jQuery AJAX Anfragen tun

$.ajaxSetup({cache: false}); 

Answer 2

Versuchen Sie, diese zu öffnen, nachdem hinzufügen:

$('#customers').empty().remove(); 

Beispiel:

open: function(event, ui) { 
       //populate table 
       var p_option = $('#d_PaidUnPaid option:selected').val(); 
       if (p_option == 'PAID') { 
        $("#customercontent").html(''); 
        //$("#customercontent").load("/Customer/Paid"); 
       } 
       else if (p_option == 'UNPAID') { 
        $("#customercontent").html(''); 
        //$("#customercontent").load("/Customer/Unpaid"); 
       } 

       $('#customers').empty().remove(); 

      }, 

Answer 3

Ich Im hoffe nicht zu spät zu kommen mit korrekte Antwort. Ich hatte das gleiche Problem und habe es mit folgenden Ajax-Einstellungen gelöst.

open: function() { 
     jQuery.ajaxSetup({ 
      cache: false 
     }); 
     //populate table or do what you want... 
}