IEWebControl TreeView右键菜单实例

原创 2004年04月05日 23:43:00

一个IEWebControl TreeView右键菜单的例子,实现了添加、修改和删除功能,复制即可运行
更多TreeView的客户端操作参见
http://www.csdn.net/Develop/read_article.asp?id=22100

<%@ 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")
    {
     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>

在TreeView中增加右键菜单功能

实现代码如下: //头文件中申明; QMenu *m_grpMenu; QMenu *m_memberMenu; QMenu *m_addAreaMenu; Q...
  • liukang325
  • liukang325
  • 2014年04月01日 15:16
  • 4089

C#TreeView窗体版点击右键弹出菜单+右键获取信息

整了半天,原来就是加个控件就好使! 添加这个控件contextMenuStrip1,然后TreeView中有个属性contextMenuStrip,在该属性中选中contextMenuStr...
  • small5e4444
  • small5e4444
  • 2011年09月06日 15:16
  • 5959

[转] QT 在TreeView中增加右键菜单功能

转自: http://blog.csdn.net/liukang325/article/details/22734735
  • hailmy
  • hailmy
  • 2014年06月03日 09:39
  • 1058

Qt中TreeView的右键菜单实现

目标 1、选中TreeView中的Item,右键弹出上下文菜单 实现 1、在使用TreeView右键菜单之前,要setContextMenuPolicy并且connect上下文菜单请求信号 ...
  • zz962
  • zz962
  • 2012年08月21日 06:53
  • 6257

JS组件Bootstrap ContextMenu右键菜单使用方法

这篇文章主要为大家详细介绍了JS组件Bootstrap ContextMenu右键菜单使用方法,感兴趣的小伙伴们可以参考一下 今天来总结下bootstrap的一个小组件的应用。好...
  • mingqingyuefeng
  • mingqingyuefeng
  • 2017年11月15日 09:57
  • 333

wpf treeView添加右击事件

刚开始接触WPF,今天学习了下treeView
  • liyongxiang0912
  • liyongxiang0912
  • 2014年11月19日 16:58
  • 1447

Winform中TreeView不同级节点设不同右键菜单

判断你的TreeNode的Level,根据Level的不同设置不同的右键菜单通常触发的是鼠标点击事件myTreeView.MouseClick += new MouseEventHandler(myT...
  • SunCherryDream
  • SunCherryDream
  • 2014年10月11日 18:25
  • 1587

TreeView右键菜单小例子

              TreeView控件右键菜单           .skin       {     cursor:default;     font:menutext;     p...
  • gaojincool
  • gaojincool
  • 2006年12月07日 20:37
  • 4391

在WPF的TreeView中实现右键选定

在WPF中,TreeView默认情况是不支持右键选定的,也就是说,当右键点击某节点时,是无法选中该节点的。当我们想在TreeViewItem中实现右键菜单时,往往希望在弹出菜单的同时选中该节点,以使得...
  • mao_mao37
  • mao_mao37
  • 2016年06月28日 18:04
  • 602

Qt TreeView的使用步骤

这篇文章讲述如何实现如下的一个treeView. 首先设置treeView的外框, 大小, model等 1 QStandardItemModel *goods...
  • guochang7511
  • guochang7511
  • 2014年06月03日 14:51
  • 4197
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:IEWebControl TreeView右键菜单实例
举报原因:
原因补充:

(最多只允许输入30个字)