Extjs 靜態tree

Ext.onReady(function(){
Ext.QuickTips.init();
var mytree=new Ext.tree.TreePanel({
el:"container",
animate:true,
title:"Extjs靜態樹",
collapsible:true,
enableDD:true,
enableDrag:true,
rootVisible:true,
autoScroll:true,
autoHeight:true,
width:150,
lines:true
});

//根節點
var root=new Ext.tree.TreeNode({
id:"root",
text:"控制面板",
expanded:true
});

//第一個子節點及其子節點
var sub1=new Ext.tree.TreeNode({
id:"news",
text:"新聞管理",
singleClickExpand:true
});
sub1.appendChild(new Ext.tree.TreeNode({
id:"addNews",
text:"添加新聞",
href:"http://www.baidu.com",
hrefTarget:"mainFrame",
qtip:"打開百度",
listeners:{//監聽
"click":function(node,e){
alert(node.text)
}
}
}));
sub1.appendChild(new Ext.tree.TreeNode({
id:"editNews",
text:"編輯新聞"
}));
sub1.appendChild(new Ext.tree.TreeNode({
id:"delNews",
text:"刪除新聞"
}));

root.appendChild(sub1);

root.appendChild(new Ext.tree.TreeNode({
id:"sys",
text:"系統設置"
}));

mytree.setRootNode(root);//設置根節點

mytree.render();//不要忘記render()下,不然不顯示哦
})