Ext 中的Tree实现不同节点不同的右键菜单

首先了解 Ext.Tree.Node.attributes的用法：

定义如下数据（其中有自定义类型type）：

js 代码

1. [{"text":"a","id":"1","cls":"folder","type":"4"},{"text":"b","id":"2","cls":"folder","type":"3"}]  

通过 Tree.TreeLoader　加载数据后可以通过如下语法读取type自定义属性

js 代码

1. node.attributes.type  

 

了解自定义属性用法后可在Tree的contextmenu事件中控制不同类型的结点显示不同的菜单了，关键代码：

js 代码

1. prepareCtx:function(node, e){   
2.         node.select();   
3.         if(node.attributes.type=="3");{   
4.        ctxMenu.showAt(e.getXY());   
5.         }   
6.        if(node.attributes.type=="4"){   
7.          ctxMenu1.showAt(e.getXY());   
8.        }   
9.       }   

 

完整例子见附件，注：此例子不中包含ext库文件，如需运行需将ext库文件放入ajax/yui目录