新手求教ExtJs的Viewport问题，在线等！急！！！！ - Web 开发 / Ajax
Ext.onReady(function() {
new Ext.Viewport({
layout : 'border',
items : [{
region : 'north',
html : '<h1 class="x-panel-header">IT管理系统</h1>',
autoHeight : true,
border : false,
margins : '0 0 5 0'
},{
region : 'west',
collapsible : true,
title : '菜单',
xtype : 'treepanel',
width : 200,
autoScroll : true,
split : true,
loader : new Ext.tree.TreeLoader(),
root : new Ext.tree.AsyncTreeNode({
expanded : true,
children : [ {
text : '数据管理',
leaf : true
}, {
text : '用户管理',
leaf : true
}, {
text : '单位管理',
leaf : true
} ]
}),
rootVisible : false,
listeners : {
click : function(n) {
Ext.Msg.alert('Navigation Tree Click','You clicked: "'+ n.attributes.text+ '"');
}
}
},{
region : 'center',
xtype : 'tabpanel',
items : {
title : '首页',
html : '欢迎使用IT管理系统'
}
} ]
});
});
上面是代码。。
1、怎么在数据管理、用户管理、单位管理下面再添加子节点啊。
2、怎么给子节点附上URL地址。
3、点击这些子节点可以在右侧显示。

求各位大大们解答

------解决方案--------------------
var tree = new Ext.tree.TreePanel({
renderTo: 'tree-div',
animate:true,
title:"单位管理",
collapsible:true, 
autoScroll:true, 
autoHeight:true, 
width:"30%", 
root: root,
expanded:true,
lines:true,
loader: new Ext.tree.TreeLoader({
dataUrl:'showTree.action'
})
});
tree.render();