GridPanel in TabPanel big bug in IE!
January 7th, 2009 by smith
,in firefox it works,but in IE the bug is:
when the second tab activated,then I click the first tab some content in the GridPanel are not
visible,but when I click in the tab ,the content are visible.
tab.add(g);
g.on('render',function(){
g.view.mainHd.fadeIn(); // ie bug work around
});
g.render(tab.body);
I am also trying to have GridPanel in a TabPanel.
The code is not showing any error. But the GridPanel contents are not visible in the tab. I am not able to fix this issue.
If you are done with this, can you pls give the code for adding the GridPanel in TabPanel?
if(Ext.isIE) g.view.mainHd.setOpacity(100);
}
// sometime it disapears randomly
g.on('mouseover',function(){
bugfix();
});
g.on('render',bugfix);
I work with ext 1.x in IE6 and I have the same problem with TabPanel. I create three tabs, one with data and two with grids.
When I move from the first tab to the other, no problem --> grids are displayed
When I move from the second to the third panel (or 3 --> 2) --> grids are not displayed. When I go under the column title with the mouse, the grid header is displayed.
When I click in the grid, the selected line is displayed.
I create the tabs from C#
StringBuilder sb = new StringBuilder();
sb.Append( "" );
return sb.ToString();
I take a look in ext_all. In the activate method of tabpanel, if I had an alert message before show, the grid is correctly displayed
activate : function(id){
var tab = this.items[id];
if(!tab){
return null;
}
if(tab == this.active){
return tab;
}
var e = {};
this.fireEvent("beforetabchange", this, e, tab);
if(e.cancel !== true && !tab.disabled){
if(this.active){
this.active.hide();
}
this.active = this.items[id];
alert('test');
this.active.show();
this.fireEvent("tabchange", this, this.active);
}
return tab;
},
Any idea or solution ?
Thanks in advance
#If you have any other info about this subject , Please add it free.# |
Posted in ncgloryholes.com | edit
