ExtJs關於grid高度自適應瀏覽器的問題解決辦法

 

ExtJs中對於grid適應高度問題相信很多人都遇到過，寬度當然好說，高度設置了百分比結果始終不能適應容器高度。

解決思路是，加載完成時，獲取document對象的高度，減去grid上面其他panel的高度（如果頁面只有一個grid的話可以省去這一步），然後結果付給grid的高度。

當瀏覽器高度變化的時候，調用window對象的onresize方法，再次按照上述步驟，重新調整grid的高度。實現自適應高度。

1 2 3 4 5 6

//設置grid高度     grid.setHeight(document.body.clientHeight-Ext.get('topPanel').getHeight());     //窗口重繪時改變grid高度     window.οnresize=function(){          grid.setHeight(document.body.clientHeight-Ext.get('topPanel').getHeight());     };