Ext4.0.7 Ext.tab.Panel iframe问题

Question

---主页面
var panel = Ext.create('Ext.panel.Panel',{
                                    title:node.data.text,
                                    iconCls:node.data.iconCls,
                                    closable:true,                                    
                                    html:'<iframe width="100%" height="100%" frameborder="0" src="'+node.data.url+'"></iframe>'
                      });
var tab = Ext.getCmp("centerTabPanel");                                
tab.add(panel);
tab.setActiveTab(panel);         
}---点击左边菜单加载的页面
tt.jsp
--说明：这个页面有个 Ext.grid.Panel  renderTo: Ext.getBody()问题：
   当点击左边菜单收缩的时候,tt.jsp页面中的grid宽度不会变化这要怎么处理？？

Answer 1

       var containerId = Ext.get(grid.renderTo || grid.applyTo).id;
       
        if (Ext.isIE) {
            Ext.get(containerId).on("resize", function () {                 
                Ext.defer(grid.setWidth, 100, grid, [Ext.get(containerId).getWidth()]);
            });
        } else {
            window.onresize = function () {
                grid.setWidth(Ext.get(containerId).getWidth());
            }
        }

Answer 2

Ext.EventManager.onWindowResize(function () {
                    grid.getView().refresh()
                })