easyui右键菜单的代码如下所示:
<!-- 权限组节点右键菜单 --> <div id="groupMenu" class="easyui-menu" style="width:150px;"> <div onclick="addUser()">新建用户</div> <div class="menu-sep"></div> <div id="menuItem-updateUserGroup" onclick="updateUserGroup()">修改权限组</div> <div class="menu-sep"></div> <div id="menuItem-delUserGroup" onclick="delUserGroup()">删除权限组</div> </div>将菜单项置灰的具体方法:
1、调用easyui的menu组件的enableItem和disableItem方法
根据指定条件,将“修改权限组”和“删除权限组”两菜单项置灰,相关代码如下所示:
if(node.text == "机房管理员"){ $('#groupMenu').menu('disableItem', $('#menuItem-updateUserGroup')); $('#groupMenu').menu('disableItem', $('#menuItem-delUserGroup')); } else { $('#groupMenu').menu('enableItem', $('#menuItem-updateUserGroup')); $('#groupMenu').menu('enableItem', $('#menuItem-delUserGroup')); }
在菜单项的响应函数中,判断一下对应的菜单项是否置灰了,置灰了就直接return,不执行任何操作,代码如下所示:
// 修改权限组(配置) function updateUserGroup() { if ( $('#groupMenu').menu("getItem", $('#menuItem-updateUserGroup')).disabled ) { return; } ...... }