extjs4 panel loader页面如何自动调整大小？

Question

页面放大后 tab页 内容无法铺满全屏

tabPanel增加页面代码
tabPanel.add({
id : tabid,
xtype : 'panel',
title : record.data.text,
border: false,
closable : true,
layout : 'fit',
loader: {
url: '${pageContext.request.contextPath}' + record.data.url,
autoLoad: true,
scripts : true
},
listeners : {
'resize' : function (component, width, height, oldWidth, oldHeight, eOpts) {
}
}
});

Answer 1

在extjs中宽度是完全可以自适应的，但高度就困难了，需要手动写一些代码

如果急需，我可以发一份简单的Demo给你学习一下，就一个函数，虽然不是自动实现，但效果肯定达到了

追问

求demo

追答

var myGrid = Ext.get("grid"); //grid 是你定义的grid,
window.onresize = function () {

grid.setWidth(0);
grid.setWidth(myGrid.getComputedWidth());
}

//还有一点，你 需要在grid中设置一下高度
比如我的设置为：height: document.documentElement.clientHeight - 30,