problema con la finestra di dialogo jquery

Question

Ho una vista parziale con un menu a discesa (con Paid and unpaid come opzioni) e un pulsante. Sto caricando questa vista parziale usando il caricamento jquery, quando l'utente fa clic su Paid/Unpaid List link nel sottomenu di una pagina.

Quando si seleziona Pagato nel menu a discesa e si fa clic sul pulsante, viene visualizzato l'elenco dei clienti a pagamento nella finestra di dialogo jquery e se si seleziona Non retribuito e si fa clic sul pulsante, vengono visualizzati i clienti non pagati nella finestra di dialogo jquery.

Sto scrivendo il seguente codice per la finestra di dialogo:

$('#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 
     }); 

Per la prima volta, sto ottenendo la lista correttamente nella finestra di jQuery, ma quando clicco sul Paid/Unpaid List link nuovo e selezionare non pagata nel menu a discesa e fare clic sul pulsante, mostra i contenuti caricati previos nella finestra di dialogo jquery.

Cosa sto facendo di sbagliato qui?

Answer 1

Provare ad aggiungere l'opzione no-caching a jQuery AJAX. Ho avuto problemi con la funzione load() (e IE) dove i risultati memorizzati nella cache sarebbero sempre stati visualizzati. Per modificare l'impostazione per tutte le richieste jQuery AJAX fanno

$.ajaxSetup({cache: false}); 

Answer 2

Prova aggiungere questo dopo aver aperto:

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

Esempio:

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

Spero Im non troppo tardi per venire con risposta corretta. Ho avuto lo stesso problema e l'ho risolto con le seguenti impostazioni di ajax.

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