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.