在TreeView节点单击右键弹出菜单有关问题!

2012-02-01

在TreeView节点单击右键弹出菜单问题!!!急!急!在线等这个问题在网上查了一下,大概了解了是用popup实现,但

在TreeView节点单击右键弹出菜单问题!!!急!急!在线等
这个问题在网上查了一下,大概了解了是用popup实现,但是具体代码还是不会写啊!希望大家给些代码,或者讲一下思路如何实现.

[解决办法]
<%@ Register TagPrefix= "iewc " Namespace= "Microsoft.Web.UI.WebControls " Assembly= "Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35 " %>
<HTML>
<HEAD>
<title> TreeView控件右键菜单 </title>
<style>

</style>
</HEAD>
<body onclick= "hideMenu() ">
<form id= "TreeView " method= "post " runat= "server ">
<iewc:TreeView id= "TreeView1 " runat= "server " ExpandLevel= "3 " HoverStyle= "color:blue;background:#ffff00; ">
<iewc:TreeNode Text= "Node0 " Expanded= "True ">
<iewc:TreeNode Text= "Node3 ">
<iewc:TreeNode Text= "Node5 "> </iewc:TreeNode>
<iewc:TreeNode Text= "Node6 "> </iewc:TreeNode>
</iewc:TreeNode>
<iewc:TreeNode Text= "Node4 "> </iewc:TreeNode>
</iewc:TreeNode>
<iewc:TreeNode Text= "Node1 " Expanded= "True ">
<iewc:TreeNode Text= "Node7 ">
<iewc:TreeNode Text= "Node8 "> </iewc:TreeNode>
</iewc:TreeNode>
</iewc:TreeNode>
<iewc:TreeNode Text= "Node2 " Expanded= "True ">
<iewc:TreeNode Text= "Node9 "> </iewc:TreeNode>
<iewc:TreeNode Text= "Node10 ">
<iewc:TreeNode Text= "Node11 "> </iewc:TreeNode>
<iewc:TreeNode Text= "Node12 "> </iewc:TreeNode>
</iewc:TreeNode>
</iewc:TreeNode>
</iewc:TreeView>
<div id= "popupMenu " class= "skin " onMouseover= "highlighItem() " onMouseout= "lowlightItem() " onClick= "clickItem() ">
<div class= "menuitems " func= "add "> 添加 </div>
<hr>
<div class= "menuitems " func= "delete "> 删除 </div>
<div class= "menuitems " func= "modify "> 修改 </div>
</div>
</form>
<script language= "javascript ">
var menuskin = "skin ";
var node = null;

function hideMenu()
{
popupMenu.style.visibility = "hidden ";
}

function highlighItem()
{
if (event.srcElement.className == "menuitems ")
{
event.srcElement.style.backgroundColor = "highlight ";
event.srcElement.style.color = "white ";
}
}

function lowlightItem()
{
if (event.srcElement.className == "menuitems ")
{
event.srcElement.style.backgroundColor = " ";

event.srcElement.style.color = "black ";
window.status = " ";
}
}

function clickItem()
{
if (event.srcElement.className == "menuitems ")
{
if(event.srcElement.getAttribute( "func ") == "add " && node != null)
{
var newNode=TreeView1.createTreeNode();
newNode.setAttribute( "Text ", "new Node ");
node.add(newNode);
}
else if (event.srcElement.getAttribute( "func ") == "delete " && node != null)
{
node.remove();
}
else if (event.srcElement.getAttribute( "func ") == "modify " && node != null)
{
node.setAttribute( "Text ", "hgknight ");
}
}
}

function TreeView1.oncontextmenu()
{
var nodeindex = event.treeNodeIndex;
if (typeof(nodeindex) == "undefined ")
{
node = null;
return;
}

node = TreeView1.getTreeNode(nodeindex);

var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge <popupMenu.offsetWidth)
{
popupMenu.style.left = document.body.scrollLeft + event.clientX - popupMenu.offsetWidth;
}
else
{
popupMenu.style.left = document.body.scrollLeft + event.clientX;
}
if (bottomedge <popupMenu.offsetHeight)
{
popupMenu.style.top = document.body.scrollTop + event.clientY - popupMenu.offsetHeight;
}
else
{
popupMenu.style.top = document.body.scrollTop + event.clientY;
}
popupMenu.style.visibility = "visible ";
return false;
}

</script>
</body>
</HTML>

[解决办法]
div+css

热点排行

asp.net

在TreeView节点单击右键弹出菜单有关问题!