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 的不是替换掉原来的那个 而是 在下面又添了一个, 请问学长,应该怎么弄这些页面?