<script type="text/javascript">
Ext.onReady(function(){
var contextmenu=new Ext.menu.Menu({
id:'thecontextmenu',
items:[{
text:'有本事点我喔',
handler:function(){
alert("我被点中了");
}
}]
});
var tree=new Ext.tree.TreePanel({
el:'hello',
width:250,
height:400,
loader:new Ext.tree.TreeLoader({dataUrl:'tree.ext'})
});
var root=new Ext.tree.AsyncTreeNode({text:'这是根'});
tree.setRootNode(root);
tree.on('thecontextmenu',function(node,e){
e.preventDefault();
node.select();
contextmenu.showAt(e.getXY());
});
tree.render();
root.expand();
});
</script>
</head>
<body >
<div id="hello"> </div>
</body>
后台数据:
[
{text:'这是根的枝1',leaf:false,children:[{text:'这是根枝1的枝1',children:[{text:'这是根枝1的枝1的叶1',leaf:true},{text:'这是根枝1的枝1的叶2',leaf:true}],},{text:'这是根枝1的叶',leaf:true}]},
{text:'这是根的枝2',children:[{text:'这是根枝2的枝1',children:[{text:'这是根枝2的枝1的枝1',children:[{text:'这是根枝2的枝1的枝1的叶1',leaf:true}]}]},{text:'这是根枝2的叶1',leaf:true}]},
{id:btn,text:'这是根的叶',leaf:true}
]