easyui菜单项的置灰操作

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

2、虽然在菜单界面上将item置灰,但是对应的菜单项的响应函数仍能响应

在菜单项的响应函数中,判断一下对应的菜单项是否置灰了,置灰了就直接return,不执行任何操作,代码如下所示:

	// 修改权限组(配置)
	function updateUserGroup() {
	    if ( $('#groupMenu').menu("getItem", $('#menuItem-updateUserGroup')).disabled ) {
       		return;
             }
        ......
        } 


你可能感兴趣的:(easyui菜单项的置灰操作)