Ext Tree 添加右键菜单

来源：互联网发布：知势而后可以加兵的加编辑：程序博客网时间：2024/04/30 14:03

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

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