怎样让grid充满剩余空间？

Question

autowidth,autoheight都不好用
我窗口的上面是自己写的HTML，下面放一个grid，想让grid充满剩余空间，如何能够实现呢？请指教下，谢谢

Answer 1

外层用viewport，设定为border布局viewport下边有两个容器(比如panel)

上边的是region : 'north'，它的宽就是你说的那个三分之一
下边的是region : 'center' 它的layout是'fit'，它里边包含你要的grid就可以了

[code="Js"]var grid = ...;

var vp = new Ext.Viewport({
layout : "border",
items : [{
region : "north",
height : //这个就是你现在上边三分之一那么高的那个高度,
html : '这里写你上半部分的html'
},{
region : "center",
layout : "fit",
items : [grid]
}]
});[/code]