EXT 右键菜单

/*****************右键按钮定义*********************/         var treeRightMenu = new Ext.menu.Menu({         id: 'theContextMenu',         items:[{                 id:'policy_apply',                 text:'策略应用',                 iconCls:'connected_user'             },'-',             {                 id:'veiw-all',                 text:'查看',                 iconCls:'bogus',                 menu:[                     {                         id:'veiwNode',                         text:'详情',                         iconCls:'view'                     },'-',{                         id:'veiwUser',                         text:'用户组',                         iconCls:'un_connected_user'                     }                 ]             },                          {                 id:'addNode',                 text:'添加',                 iconCls:'add',                 menu:[                     {                         id:'addPerson',                         text:'添加成员',                         iconCls:'user-add'                     },                     {                         id:'addGroup',                         text:'添加部门',                         iconCls:'add-group'                     }                 ]             },'-',{                 id:'delNode',                 text:'删除',                 iconCls:'remove'             },{                 id:'modifNode',                 text:'修改',                 iconCls:'edit'             }             ]         });         //树形菜单面板         var westPanel = new Ext.tree.TreePanel({             title:'组织结构图',             id:'tree-menu',             treeRightMenu:treeRightMenu, //声明右键菜单             animate:true,             region:'west',             width:300,             split: true,//添加分割线是否可以改变该panel的大小             minSize: 160,//设置拖动的最小拖动值             maxSize: 300,//设置拖动的最大拖动值             collapsible:true,//是否让panel能自动缩放             collapseMode:'mini',//在分割线处出现按钮             //contentEl:'tree-menu-div',             autoScroll:true,             enableDD:true,//是否支持拖拽效果             containerScroll: true,//是否支持滚动条             rootVisible:true,//是否显示跟节点             loader:new Ext.tree.TreeLoader({                  dataUrl:'tree/tree_json.php'              }),             tools:[{                 id:'refresh',                 handler:function(){                     var tree = Ext.getCmp('tree-menu');                     tree.root.reload();                     tree.expandAll();                 }             }]         });         //菜单根节点         var root = new Ext.tree.AsyncTreeNode({             text:'根节点',             icon:'images/icon/org.gif',             draggable:false,             id:'tree-menu-root'         });         //给tree添加鼠标右键事件         westPanel.on('contextmenu',treeRightKeyAction,this); //****开始绑定右键菜单事件*************         Ext.getCmp('addPerson').on('click',addPersonAction,this);         Ext.getCmp('addGroup').on('click',addGroupAction,this);         Ext.getCmp('delNode').on('click',delNodeAction,this);         Ext.getCmp('modifNode').on('click',modifNodeAction,this);         Ext.getCmp('veiwNode').on('click',veiwNodeAction,this);         Ext.getCmp('veiwUser').on('click',veiwUserAction,this);         Ext.getCmp('policy_apply').on('click',policyApplyAction,this); ; /***************  鼠标右键按钮事件  *************************************/     function treeRightKeyAction(node,e){         e.preventDefault();//阻止浏览器默认行为处理事件         node.select(); //节点选中         treeRightMenu.showAt(e.getXY()); //确定菜单显示位置         var selectedNode = westPanel.getSelectionModel().getSelectedNode();//得到选中的节点         //根据当前选中的节点判断是否屏蔽按钮。         var str_type = selectedNode.attributes.str_type;         //如果为根节点，则策略按钮不可用。         if(selectedNode.attributes.id=='tree-menu-root'){             Ext.getCmp('policy_apply').disable();            }else{             Ext.getCmp('policy_apply').enable();            }         //如果为用户，则用户组按钮不可用。         if(str_type=='person'){             Ext.getCmp('veiwUser').disable();         }else{             Ext.getCmp('veiwUser').enable();             dept_id = selectedNode.attributes.id;         }     }