ExtJs关于grid高度自适应浏览器的问题解决办法

ExtJs关于grid高度自适应浏览器的问题解决办法


ExtJs中对于grid适应高度问题相信很多人都遇到过，宽度当然好说，高度设置了百分比结果始终不能适应容器高度。

解决思路是，加载完成时，获取document对象的高度，减去grid上面其他panel的高度（如果页面只有一个grid的话可以省去这一步），然后结果付给grid的高度。

当浏览器高度变化的时候，调用window对象的onresize方法，再次按照上述步骤，重新调整grid的高度。实现自适应高度。

view sourceprint?
1.
//设置grid高度
2.
grid.setHeight(document.body.clientHeight-Ext.get('topPanel').getHeight());
3.
//窗口重绘时改变grid高度
4.
window.onresize=function(){
5.
grid.setHeight(document.body.clientHeight-Ext.get('topPanel').getHeight());
6.
};