1.簡單的樹
var tree =new Ext.tree.TreePanel({
region:'center',
//True表示為面板是可收縮的蚌本，并自動渲染一個展開/收縮的輪換按鈕在頭部工具條
collapsible:true,
title:'標(biāo)題',//標(biāo)題文本
width:?200,
border?:false,//表框
autoScroll:true,//自動滾動條
animate?:true,//動畫效果
rootVisible:true,//根節(jié)點是否可見
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枝'});
//插入節(jié)點為該節(jié)點的最后一個子節(jié)點
root.appendChild(root_node1);
root.appendChild(root_node2);
//設(shè)置根節(jié)點
tree.setRootNode(root);
newExt.Viewport({
items:?[tree]
});
