一个常见问题的解决——Ext grid的宽度高度如何自适应

Ext的Grid有个问题，当初始化grid将宽度设为100%时，其宽度会变成10000px宽，高度100%则grid会根据内容自适应，而不是根据其所在容器自适应，一直没有很好的办法。

现在有个比较笨的方法。一般我们都通过render到指定id的层上来展现grid，虽然不能让grid宽高自适应，但层还是可以的。

比如层是<div id="myGrid"></div>。我们可以设置高宽。

<div id="myGrid" style="width:100%;height:450px"></div>。

在初始化grid的时候让其宽高与div层宽高相同即可，并在页面resize时重新计算器宽度即可（一般高度固定还是比较好）。

 

看代码：

    var myGrid=Ext.get("myGrid");  
     var grid = new Ext.grid.GridPanel({               
                width:orgGrid.getComputedWidth(),         
                height:orgGrid.getComputedHeight(),  
                viewConfig{forceFit:true},
                autoScroll:true,
               });  
                grid.render(myGrid);   
      
        window.onresize=function(){  
               grid.setWidth(0);  
               grid.setWidth(myGrid.getComputedWidth());  
             };