ExtJs点击Tree后会在TabPanel生成新Panel，Tree有十几个节点，如何做到one page one application

Question

TabPanel.add();
在TabPanel中要生成的十几个Panel对象不可能都放在Add函数里面吧？应该怎么写代码，怎么规范的识别应在TabPanel中添加哪个Panel？
简易的Tree监听点击函数：
function treeClick(node,event){
var n=mainTab.getComponent(node.id);
if(!n){
mainTab.add(
new Ext.Panel({
id:node.id,
title:node:node.text,
closable:true
})
}
)
};
这样点击node时就会在mainTab（TabPanel）选项卡中添加简易的panel，问题是我的tree有十几个节点，每个节点对应一个Panel，这个不可能都写在这里的Add（）里面，也需要判断，怎么实现？（应该是对所有Panel建对象放在一个js里面吧）

Answer 1

到底哪个是左边的。你是想说左边是treepanel，右边是panel吗。点击左边的树的节点，右边的panel的内容变化是吗。 直接用extjs的controller和view就可以