treeview简单的右键菜单

最新推荐文章于 2025-05-04 14:36:36 发布
最新推荐文章于 2025-05-04 14:36:36 发布
阅读量2.4k 收藏
点赞数
文章标签： asp function ie div border class
本文介绍了一个使用 ASP.NET 和 JavaScript 实现的上下文菜单功能，该功能为 TreeView 控件提供了右键菜单选项，包括选择节点、展开和折叠节点等功能。通过自定义样式和脚本，可以轻松地将此上下文菜单集成到现有的 ASP.NET 应用程序中。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

%@ Page Language="C#" %>

<html>
<head>
    <style>
    <!--
        .skin1 {
            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>

    <script type="text/javascript">

<!-- Begin
var menuskin = "skin1"; 
var display_url = 1; // Show URLs in status bar?
function showmenuie5() {
    if (event.srcElement.type != undefined)
    {
            var s  = event.srcElement.id;
            var ind = s.replace("TreeView1t", "");
            s = s.replace("TreeView1t", "TreeView1n"); 

            document.getElementById('one').url = event.srcElement.href;
            document.getElementById('one').innerText = "Select";
            var ch = document.getElementById(s);
            if (ch != null){
                document.getElementById('two').url = "javascript:TreeView_ToggleNode(TreeView1_Data," + ind + "," + s + ",' '," + s + "Nodes)";    
                document.getElementById('two').innerText = "Expand//Collapse";
            }
            else        
                document.getElementById('two').outerHTML="<div id=two class=menuitems url=''></div>"


            var rightedge = document.body.clientWidth-event.clientX;
            var bottomedge = document.body.clientHeight-event.clientY;
            if (rightedge < ie5menu.offsetWidth)
                ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
            else
                ie5menu.style.left = document.body.scrollLeft + event.clientX;
            if (bottomedge < ie5menu.offsetHeight)
                ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
            else
                ie5menu.style.top = document.body.scrollTop + event.clientY;
                ie5menu.style.visibility = "visible";
                }
                else
                {
                   ie5menu.style.visibility = "hidden";
                }
            return false;
    }
    function hidemenuie5() {
        ie5menu.style.visibility = "hidden";
    }
    function highlightie5() {
        if (event.srcElement.className == "menuitems") {
            event.srcElement.style.backgroundColor = "highlight";
            event.srcElement.style.color = "white";
        if (display_url)
            window.status = event.srcElement.url;
        }
    }
    function lowlightie5() {
        if (event.srcElement.className == "menuitems") {
            event.srcElement.style.backgroundColor = "";
            event.srcElement.style.color = "black";
            window.status = "";
        }
    }
    function jumptoie5() {
        if (event.srcElement.className == "menuitems") {
            if (event.srcElement.getAttribute("target") != null)
                window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
            else
                window.location = event.srcElement.url;
        }
    }
//  End -->
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div id="ie5menu" class="skin0" onmouseover="highlightie5()" onmouseout="lowlightie5()"
            onclick="jumptoie5();">
            <div id="one" class="menuitems" url="">
            </div>
            <div id="two" class="menuitems" url="">
            </div>
        </div>
        <asp:TreeView ID="TreeView1" runat="server">
            <Nodes>
                <asp:TreeNode Text="a" Value="a">
                    <asp:TreeNode Text="b" Value="b">
                        <asp:TreeNode Text="c" Value="c"></asp:TreeNode>
                    </asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="cc" Value="cc">
                    <asp:TreeNode Text="ccc" Value="ccc">
                        <asp:TreeNode Text="cccc" Value="cccc"></asp:TreeNode>
                    </asp:TreeNode>
                </asp:TreeNode>
            </Nodes>
            <SelectedNodeStyle BackColor="#C00000" />
        </asp:TreeView>
    </form>

    <script type="text/javascript">
      if (document.all) {
          ie5menu.className = menuskin;
          document.getElementById('TreeView1').oncontextmenu = showmenuie5;
          document.body.onclick = hidemenuie5;
      }
    </script>
</body>
</html>
 
DeepMinder
关注
在TreeView中增加右键菜单功能
阳光柠檬_的技术笔记
04-01 1万+
实现代码如下： //头文件中申明； QMenu *m_grpMenu; QMenu *m_memberMenu; QMenu *m_addAreaMenu; QAction *m_grpAddOneMember; QAction *m_grpDeleteGrp; QAction *m_grpAddOneGrp; QAction *m
TreeView 右键菜单 添加 删除 修改 参考代码
11-19
TreeView 通过右键菜单 实现添加，删除，修改等操作 不会弹出其他窗体 全部通过TreeView本身的功能实现 里面只有一些类 最近发现有时会出现错误 但是还是可以参考一下
TreeView的自定义右键菜单(半原创)
gahetgidt的专栏
01-22 1057
<br />http://www.cnblogs.com/liangjie/archive/2011/01/20/1940433.html<br /> <br />最近项目中有一个小小的需求，要求实现TreeView的自定义菜单，于是乎就收集资料，现将自己收集资料分享一下<br />1.示例<br />                                                                                               <br />   
TreeView右键菜单操作参考代码
最新发布
gitblog_06769的博客
05-04 411
TreeView右键菜单操作参考代码 去发现同类优质开源项目:https://gitcode.com/ 此资源文件包含TreeView控件通过右键菜单实现添加、删除、修改等操作的参考代码。此代码的特点在于不会弹出其他窗体，所有操作均通过TreeView本身的功能实现。 文件描述 本代码库中提供了一些用于TreeView右键菜单操作的类。尽管最近发现有时会出现错误，但仍然具有一定的参考价值，开发者可...
TreeView 右键菜单
cn_514的博客
12-31 3226
//树节点击事件 //定义一个全局cms ContextMenuStrip cms; private void treeDoorWay_NodeMouseClick(object sender, TreeNodeMouseClickEventArgs e) { if (e.Button != MouseButtons.Right) return;//判断是不是右键 if (e....
【WPF】 TreeView动态添加右键菜单
u013136510的博客
09-30 859
在 WPF 中为TreeView动态添加右键菜单 ()，你可以通过代码后台实现。每次右键点击时，动态生成右键菜单，并根据所选的执行不同的操作。
为jQuery.Treeview添加右键菜单的实现代码
10-28
根据给定文件内容，以下是关于为jQuery.Treeview添加右键菜单实现的详细知识点说明。 ### 知识点一：jQuery.Treeview组件介绍 jQuery.Treeview是一个用于在Web页面中创建树形视图控件的jQuery插件。这个组件可以将...
TreeView-ListView右键菜单
07-23
创建`TreeView`和`ListView`的右键菜单涉及以下几个关键知识点： 1. **事件处理**：首先，你需要监听控件的`MouseDown`事件，检查是否为右键点击。在VB或VBA中，这可以通过比较`e.Button`属性来实现，如果是`...
jjj.rar_jjj_treeview_右键菜单
09-24
在本项目“jjj.rar_jjj_treeview_右键菜单”中，我们聚焦于如何为TreeView添加右键菜单功能，并对图片(imglist)的imglist属性进行设置。这个项目可能是一个使用如Visual C++、C#或VB.NET等编程语言实现的实例，因为...
WPF MVVM模式下 TreeView 右键菜单
05-07
在WPF应用中，TreeView组件常用于显示层次结构的数据，而右键菜单则可以提供上下文相关的操作。在MVVM模式下实现TreeView的右键功能，需要对WPF事件处理、数据绑定和命令机制有深入理解。 首先，`TreeView` 的选中...
C#TreeView右键菜单操作在编辑树节点
11-04
C#Tree View右键菜单，树节点编辑，增加节点，删除节点，复制粘贴节点
实现右键菜单编辑功能treeview控件
03-13
试过用复合控件包含treeview控件，但是失败，这次在右键菜单调用tree的回发js成功可以在页面后台绑定被编辑的节点，后台3个函数都可以编辑用c#传的参数e.mynode就是右键菜单的选中的节点
C#TreeView窗体版点击右键弹出菜单+直接修改名称+新建节点
12-07
C#TreeView窗体版点击右键弹出菜单+直接修改名称+新建节点。与之前写的有所区别。可以直接在节点上进行修改！
C# TreeView和ContextMenuStrip右键菜单增删改
03-11
级别名称都存在SQL数据库有三个字段（自动增长ID、父级ID、节点名称） 数据库文件都有，另外怕个别附加不上数据，所以创建数据库、表代码文件也写了一份。通过不同的阶级 右键显示不同的菜单。可以无限增至下级 无限制。可扩展性强。
TreeView实现鼠标右击弹出菜单
qq_27474555的博客
02-20 788
TreeView实现鼠标右击弹出菜单
QTreeView加载文件，实现右键菜单（QMenu）
jhonsss的博客
09-11 1364
设置treeView上下文菜单，没有这一步加载不出来。初始化一个QFileSystemModel。点击button加载文件。QMenu实现菜单样式。
C# TreeView 右键菜单
03-24 518
方法一： 在winform中，添加一个contextMenuStrip1，设置TreeView的属性ContextMenuStrip为contextMenuStrip1，并为这个contextMenuStrip1添加几个菜单项，点击每个菜单项，实现其click事件，然后添加treeivew的nodemouseclick事件，类似如下代码： //右键菜单 priva...
treeview右键菜单
Alvin's程序员之路
04-06 446
private void treeView_MouseDown(object sender, MouseEventArgs e)        {            Point point = new Point(e.X, e.Y);            TreeNode node = this.treeView.GetNodeAt(point);            if
C#- TreeView右键弹出菜单
weixin_30287169的博客
02-16 645
说明：这里以C#为例，讲解在应用程序中制作控件TreeView的节点的右键快捷菜单。假设控件TreeView的节点已经生成。 第一步：向控件TreeView中拖放一个ContextMenuStrip控件，找到该控件属性Items,然后往其中添加Items; 第二步：找到如下属性，添加如下代码： private void treeView1_...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值