首先,我们需要建立一棵树
var leftTree = new Ext.tree.TreePanel({
contentEl : 'tree_panel',
region : 'west',
id : 'leftTree',
collapsible : true,
width : 200,
Height : 500,
autoScroll : true,
split : true,
root: {
nodeType: 'async',
text: '全部版块及文章',
draggable: false,
id: 'source'
},
loader : new Ext.tree.TreeLoader({
dataUrl : context + '/article/search.ao?method=treeArticle',
method : 'post'
}),
});
现在我们需要建立一个Ext菜单,设置好他的item,handler里面写上我们需要的函数。其中window.tar.location.href="...."这是由于我想让页面在我定义的iframe中去显示,所以写成了这样。
var contextmenu = new Ext.menu.Menu({
id : 'Menu',
items : [{
text : '修改',
handler : function(node,e){
alert(currentnode.id);
window.tar.location.href = context + '/article/singleArticle.ao?method=singleArticle&aid='+currentnode.id+'&prepage=prepage';
}
}]
});
之后我们需要绑定这个菜单到我们之前建立的树上面
leftTree.on("contextmenu",function(node,e){
e.preventDefault();
currentnode = node;
var a = node.id.indexOf('A');
if(a == -1){
// leftTree.addItem({
// text : '置顶',
// handler : function(node,e){
//
// }
// });
node.select();
contextmenu.showAt(e.getXY());
}
})
我们通过node.id可以取到节点的ID,来判断是否为leaf节点。