如何设置treepanel的高度让其自动填充到这个的panel里，见图。

我想自动填充treepanel到整个panel里，还有让其填充整个tabpanel？请问如何设置属性。见附件图。
[b]问题补充：[/b]
layout:'fit'
这个不对，反正我这里没有效果。
[b]问题补充：[/b]
还是不行，给你代码，帮我测试一下啊，谢谢。[code="java"] Setting_Panel=Ext.extend(Ext.form.FormPanel,{ constructor:function(){ Setting_Panel.superclass.constructor.call(this,{ renderTo:'ShowPanel', split :true, width:500, draggable :true, height:600, collapsible :true, fitToFrame :true, closable :true, frame:true, title :"系统资源设定", layout :'accordion',// 下拉功能属性 layoutConfig : { titleCollapse :false, animate :true, activeOnTop :true }, items : [{ title :'我的系统', html :'<div id="Mysystems" style="overflow:auto;width:100%;height:100%;border:0px solid #c3daf9"></div>' },{ title :'系统设置', html :'<div id="tree-setting" style="overflow:auto;width:100%;height:100%"></div>' }] }) } }); Seeting_TreeRoot = Ext.extend(Ext.tree.AsyncTreeNode, { constructor : function() { Seeting_TreeRoot.superclass.constructor.call(this, { text :'我的系统目录', draggable :false, expanded :true, id :'root', href :'#' }) } }); Seeting_Treepanel = Ext.extend(Ext.tree.TreePanel, { Root :null, constructor : function(Root) { this.Root = Root; Seeting_Treepanel.superclass.constructor.call(this, { root :this.Root, renderTo :'Mysystems', //width :250, frame :true, layout:'fit', autoWidth:true , autoHeigth:false, // loader:treeLoader, animate :true, useArrows :true, autoHeight :true, autoScroll :true, border :false }); this.addEvents("OnClick");// 添加事件 } }); [/code]
[b]问题补充：[/b]
yourgame (架构师)
你猜的很对，但我这里再试一下，可能没理解你的意思。谢谢，在比赛结束之前我结贴。
[b]问题补充：[/b]
[code="java"]
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

Setting_Panel=Ext.extend(Ext.form.FormPanel,{ constructor:function(){ Setting_Panel.superclass.constructor.call(this,{ renderTo:'ShowPanel', split :true, width:500, draggable :true, height:600, collapsible :true, fitToFrame :true, closable :true, frame:true, title :"系统资源设定", layout :'accordion',// 下拉功能属性 layoutConfig : { titleCollapse :false, animate :true, activeOnTop :true }, items : [{ title :'我的系统', html :'<div id="Mysystems" style="overflow:auto;width:100%;height:100%;border:0px solid #c3daf9"></div>' },{ title :'系统设置', html :'<div id="tree-setting" style="overflow:auto;width:100%;height:100%"></div>' }] }) } }); Seeting_TreeRoot = Ext.extend(Ext.tree.AsyncTreeNode, { constructor : function() { Seeting_TreeRoot.superclass.constructor.call(this, { text :'我的系统目录', draggable :false, expanded :true, id :'root', href :'#' }) } }); Seeting_Treepanel = Ext.extend(Ext.tree.TreePanel, { Root :null, constructor : function(Root) { this.Root = Root; Seeting_Treepanel.superclass.constructor.call(this, { root :this.Root, renderTo :'Mysystems', frame :true, <pre><code> animate :true, useArrows :true, autoHeight :true, autoScroll :true, border :false }); this.addEvents("OnClick");// 添加事件 </code></pre> } }); 
 Ext.onReady( function() { new Setting_Panel(); new Seeting_Treepanel(new Seeting_TreeRoot()); <pre><code> }); </script> </code></pre> <body> <div id="showPanel" ></div> </body> </html>[/code] [b]问题补充：[/b] 不过你要引入Extjs的包 2.2.1或者2.2都可以。 [b]问题补充：[/b] ==，我等下贴上来，我要整理一下，半个小时候 [b]问题补充：[/b] 代码已经放到[url]<a href="http://www.iteye.com/problems/18668%5B/url%5D%E9%87%8C%E4%BA%86%EF%BC%8C%E8%AF%B7%E6%9F%A5%E7%9C%8B%EF%BC%81">http://www.iteye.com/problems/18668[/url]里了，请查看！</a>

郁闷,你给我的代码和你的截图不相符呀?我只能看到一个左边的树,而且左边的树也没有什么问题,从你的代码来看,你写得很糟糕.

[code="js"]
items : [{
title : '我的系统',
html : '

'
}, {
title : '系统设置',
html : '

'
}]
[/code]

及不同意你这样写

能不能把你截图的代码贴出来

layout:'fit'

还要加上
autoWidth:true
autoHeigth:true

从你的图片来看你用了accodion布局.没有你的代码.也无法帮你修改.
我可以给你一些参考

"系统资源设定"的那个panel的上级是不是tab,如果是的话,这个panel设定为fit或者tab的layout:'border',然后"系统资源设定"这个panel设定region:'center'也可以实现填充满
从图片可以看出你"系统资源设定"的panel中可能是layout:'accodion' 那么你accodion里面的子对象,比如说treepanel就要fit或者同之前说的那种方式填充也可以

至于"左边面板" 同理

代码没有给全