Author Topic: Refresh functionality is not working in IE Browser  (Read 2372 times)

bsolteam

  • Pro Deluxe
  • Full Member
  • *
  • Posts: 107
    • View Profile
Refresh functionality is not working in IE Browser
« on: February 11, 2015, 04:21:47 pm »
Hi,
   I have 3 tabs inside popup. If any one or more tabs are empty means, refresh is not working. I have include the attachment. If grid is empty means the tab is displaying in vertically like in the attachment. After refreshing whole page its working. I am using the following code for popup,

        $("#pq_grid_in_popup_dialog").dialog({
                        height : 510,
                        width : $(window).width() - 120,
                        minWidth:350,
                        draggable : true,
                        resizable : false,
                         modal : true,
                        position : [ 'center', 'left' ],
                        create : function(evt, ui) {   
                        },
                        open : function(event, ui) {                        
                           $(".ui-dialog-titlebar-close").show();                         
                           var $grid = $("#hire_rate");
                           var ht = $grid.parent().height() - 2;
                           var wd = $grid.parent().width() - 2;
                                                          },   
                        close : function() {                              
                           var $grid1 = $("#hire_rate");   
                           var $grid2= $("#extra_tc_periodic");
                           var $grid3 = $("#off_hire_tab");                        
                           
                           $grid1.pqGrid("refreshDataAndView");
                           $grid2.pqGrid("refreshDataAndView");
                           $grid3.pqGrid("refreshDataAndView");                           
                           $("#tc_Fixture").pqGrid("refreshDataAndView");                           
                             $grid1.pqGrid("destroy");   
                             $grid2.pqGrid("destroy");   
                             $grid3.pqGrid("destroy");                                                   
                           
                            $("#tc_Fixture").pqGrid("refreshDataAndView");
                           
                        },   
                        resizeStop : function(evt, ui) {   
                           height: $(window).height();
                           width: $(window).width();
                           var $grid = $("#hire_rate");   
                           $grid.pqGrid("option", { height: ht - 2, width: wd - 2 });   
                        },
                        show : {
                           effect : "blind",
                           duration : 500
                        },
                        hide : {
                           effect : "blind",
                           duration : 500
                        },   
                     });

 In Google chrome its working fine. But in Internet Explorer only its not woking.