ExtJs学习笔记（三）——grid高度自适应浏览器

最新推荐文章于 2020-12-31 01:55:08 发布

原创最新推荐文章于 2020-12-31 01:55:08 发布 · 1.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文介绍了一种使Grid组件高度自适应浏览器窗口变化的方法。通过监听窗口尺寸变化事件并动态调整Grid的高度，使得Grid能够根据浏览器当前高度进行调整。具体实现方式为使用浏览器高度减去其他固定组件的高度。

有个需求：grid高度自适应浏览器。博主设置layout: 'fit'也不行，上网找了一下，有个方法挺好用，记录下来：

window.onresize=function(){//浏览器大小改变时触发
    if(Ext.getCmp('idCardSearchEachGridPanel')){ 
        //document.body.clientHeight  浏览器高度
        Ext.getCmp('idCardSearchEachGridPanel').setHeight(document.body.clientHeight-Ext.getCmp('infoBox1').getHeight()-...);
    }
};

原理就是用浏览器高度-其他组件的高度=所需的高度