怎样让grid充满剩余空间？

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

外层用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]

在grid外边套一层布局为fit的viewport容器

var grid = ...
var vp = new Ext.Viewport({
layout : "fit",
items : [grid]
});

这里得将grid中的width和height相关的定义去掉

剩余是相对于谁的呀