您的位置:首页 > 产品设计 > UI/UE

自定义zTree+easyui右键菜单

2015-11-20 09:44 609 查看
/*
* 自定义zTree右键菜单
*/
function zTreeOnRightClick(event, treeId, treeNode) {
// 判断是否点击到tree节点上
if (!(!treeNode && event.target.tagName.toLowerCase() != "button" && $(
event.target).parents("a").length == 0)) {

//右键菜单事件
$('#czxs_rightMenu')
.menu(
{
onClick : function(item) {
if (item.name == 'addToBlank') {
window
.open(
'temp.html',
'newwindow',
'height=600, width=1000, top=20, left=150, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no');
}
},
onHide : function() {
$("#treeMenu").attr("onmouseout",
"hideTreeMenu()");
},
onShow : function() {
$("#treeMenu").attr("onmouseout", "");
}
});

//菜单位置
$('#czxs_rightMenu').menu('show', {
left : event.pageX,
top : event.pageY
});

}
}

div

<!-- 左侧树形菜单 -->
<div id="treeMenu" onmouseover="showTreeMenu()"
onmouseout="hideTreeMenu()">
<ul id="positionzTree" class="ztree">
</ul>
<iframe id="blankFrame" frameborder="0"></iframe>

<div id="czxs_rightMenu" class="easyui-menu">
<div id="addNode" data-options="name:'addToBlank'">添加到新窗口查看</div>
</div>
</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: