在TreeView节点单击右键弹出菜单有关问题!
日期：2014-05-18 浏览次数：20434 次
在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>
<!--
.skin
{
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems
{
padding-left:15px;
padding-right:10px;
}
-->
</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 ")
这个问题在网上查了一下,大概了解了是用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>
<!--
.skin
{
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems
{
padding-left:15px;
padding-right:10px;
}
-->
</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 ")
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
