Question

怎么用Ext.Viewport和Ext.tree.TreePanel实现把treepanel放到Viewport的west块中，treepanel下面有

2个子节点，点一个子节点在centen中显示一个Panel,,求答案

Answer 1

1 直接在west中的 items 上把treepanel加上就可以了。

2 首先给treepael 添加一个click事件，在单击时触发函数。函数体里面就写上往Viewport 中west块中添加panel的代码即可
若不知道添加可查阅官方文档，里面有例子的。其实文档是最好的学习资料
我这里简单写下
假设 centen块的ID是 cTablePanel
treePanel.on(“click”,function(){
var p = new Ext.Panel({
........ // 这里写panel里面的内容

});

var a = Ext.getCmp("cTablePanel"); // 获得west块

a.add(p);
})

追问

你好，那么在treepanel下面的子节点中应该怎么写才能在centen中显示一个Panel呢？
如：Ext.tree.TreeNode({
id:"a",
text:"子节点1"
url："";
这里该怎么写？？
})

追答

你理解错了。不是在treeNode里面写下panel的代码。
而是给你的tree添加个click的事件 在事件的处理函数里面写创建panel，并将panel添加到center的代码，
每次当点击树节点的时候会触发事件。

上面的 那段代码就是给tree添加事件的，加入你的tree对象名字叫treePanel的话

追问

你好，再麻烦你一下。。用你的方法吧，代码修改了一下。但是在center中还是看不见panel：我的代码如下：
var tree=new Ext.tree.TreePanel({
enableDD:true,
border:false,
root=root,
listeners:{
click:function(node,e){
var p=new Ext.Panel({
border:false,
items:[tradestagrid]
});
var a=Ext.getCmp("cenid");
a.add(p);

}}
})

追答

panel 里面的 tradestagrid 是在哪new出来的？
你可以先试试panel里面放点简单的元素比如直接放html:‘测试’，看能不能出来。
应该是变量的作用域问题。

追问

你好，还是不行，我把我的整个代码都放上面，麻烦你再帮我看下。真的谢谢你了、

谢谢了。。。

追答

center区稍微变一下。center里面先放进一个tabPanel。 tabPanel的Id为 cenid，外层的id删掉
就相当于center区域是个固定的tabPanel 。然后单击树节点是往 tabPanel里面添加panel。效果是一样的
。

items:[
new Ext.TabPanel( {
id :"centid", // 外层的id删掉
//region :"center",
deferredRender :true,
enableTabScroll :true,
activeTab :0,
defaults : {
autoScroll :true,
closable :true
},
items : []
})]