1.簡單的樹

var tree =new Ext.tree.TreePanel({

region:'center',

//True表示為面板是可收縮的，并自動渲染一個展開/收縮的輪換按鈕在頭部工具條

collapsible:true,

title:'標題',//標題文本

width:?200,

border?:false,//表框

autoScroll:true,//自動滾動條

animate?:true,//動畫效果

rootVisible:true,//根節點是否可見

useArrows: true, //小箭頭,默認為+ -；

split:true,

viewConfig: {

plugins: {

ptype: 'treeviewdragdrop',//添加可拖動插件

containerScroll: true

}

}，

tbar:[{

text:'展開',

handler:function(){

tree.expandAll();

}

},'-',{

text:'折疊',

handler:function(){

tree.collapseAll();

tree.root.expand();

}

}],

listeners:?{

click:function(node)?{

//得到node的text屬性

Ext.Msg.alert('消息','你點擊了:?"'+?node.attributes.text+"'");

}

}

});

var root?=newExt.tree.TreeNode({text:'我是根'});

var root_node1?=newExt.tree.TreeNode({text:'我是根的1枝'});

var root_node2?=newExt.tree.TreeNode({text:'我是根的2枝'});

//插入節點為該節點的最后一個子節點

root.appendChild(root_node1);

root.appendChild(root_node2);

//設置根節點

tree.setRootNode(root);

newExt.Viewport({

items:?[tree]

});