一个ext 基础问题(希望extjs老手不吝赐教)

Ext.onReady(function(){
Ext.QuickTips.init();
new Ext.Panel({
renderTo:"side",
width:200,
height:500,
layout:"accordion",
layoutConfig: {animate: true},

    items:[{title:"我的流程",id:"flow",autoHeight:true},
    {title:"我的文档",autoHeight:true,autoHeight:true,html:"aaa"},
    {title:"我的通信",autoWidth:true,autoHeight:true,html:"aaa"},
    {title:"我的人事",autoHeight:true,html:"ddd"},
    {title:"我的任务",autoHeight:true,html:"我的任务"}
    ]

    });
var tree = new Ext.tree.TreePanel({
    el:"flow",
    animate:true,
    rootVisible:false
        });
var root = new Ext.tree.TreeNode({text:'waaaaaa'});
var addflow = new Ext.tree.TreeNode({
    text:'新建流程',
    qtip:"新建流程",
    listeners:{
     "click":function(node,e){
             var form = new Ext.Panel({
              renderTo:"main",
              title:"新建流程"
               });

     }      
    }
        });
var flowConfig = new Ext.tree.TreeNode({text:'流程配置'});

var deform = new Ext.tree.TreeNode({
    text:'定义表单',
    qtip:"定义表单",
    listeners:{//监听
    "click":function(node,e){
             var form = new Ext.Panel({

                 renderTo:"main",
                 title:"工作流设置"


                 });

                            }
             }

        });
var deflow = new Ext.tree.TreeNode({text:'定义流程'});
var flowType = new Ext.tree.TreeNode({text:'流程分类'});
flowConfig.appendChild(deform);
flowConfig.appendChild(deflow);
flowConfig.appendChild(flowType);
root.appendChild(addflow);
root.appendChild(flowConfig);
tree.setRootNode(root);
tree.render();

})

然后 页面就用了两个div


现在的问题是 点击 有listeners 的不是替换掉原来的那个 而是 在下面又添了一个, 请问学长,应该怎么弄这些页面?

给它一个ID点击的时候先Ext.getCmp(id)
看看这个对象存在不存在,存在的话remove
不存在的话再add

没太明白你的意思。
你点击后用的new ,就是重新建一个,那要么把原来的xxx=null。