problem with jquery dialog

Question

I have a partial view with a dropdown (with Paid and unpaid as options) and a button. I am loading this partial view using jquery load, when the user click Paid/Unpaid List link in the sub menu of a page.

When i select Paid in dropdown and click the button, it shows the list of paid customers in the jquery dialog and if i select Unpaid and click button, it shows unpaid customers in the jquery dialog.

I am writing the following code for the 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
        });

For the first time, i am getting the list correctly in the jquery dialog, but when i click the Paid/Unpaid List link again and select Unpaid in the dropdown and click the button, it shows the previos loaded content in the jquery dialog.

What am i doing wrong here?

Marek Karbarz · Accepted Answer · 2009-11-03 04:19:44Z

4

Try adding no-caching option to jQuery AJAX. I had problems with the load() function (and IE) where cached results would always be shown. To change the setting for all jQuery AJAX requests do

$.ajaxSetup({cache: false});

answered Nov 3, 2009 at 4:19

Marek Karbarz

29.4k6 gold badges55 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Prasad Over a year ago

where should i need to add this line? before loading the partial view? –

Marek Karbarz Over a year ago

even right before $('#customers').dialog({... should suffice. If you have any type of javascript bootstrap file, that's where it would normally go

Prasad Over a year ago

i have called in the click event of the button before opening dialog, but still the problem occurs

Prasad Over a year ago

Here is the click event of the button added in $(document).ready: $('#b_customers').click(function(e) { $.ajaxSetup({ cache: false }); $('#customers').dialog('open'); });

Eduard · Accepted Answer · 2011-04-12 06:08:36Z

3

I hope Im not too late to come up with correct answer. I had the same problem and I solved it with following ajax settings.

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

answered Apr 12, 2011 at 6:08

Eduard

3,2163 gold badges23 silver badges31 bronze badges

Comments

Saimer · Accepted Answer · 2010-08-12 14:38:13Z

1

Try add this after open:

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

Example:

    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();

          },

answered Aug 12, 2010 at 14:38

Saimer

111 bronze badge

Collectives™ on Stack Overflow

problem with jquery dialog

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related