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;
}
}