Ext Tree 添加右键菜单

首先，我们需要建立一棵树

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节点。