FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 3886|回复: 3
打印 上一主题 下一主题

FineUI 4.0 树实现右键菜单

[复制链接]
跳转到指定楼层
楼主
发表于 2014-4-10 14:21:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<script type="text/javascript">
    F.ready(function () {
        var treeClientID = '<%= Tree1.ClientID %>';//树的id
        var tree = F(treeClientID);
        tree.on("itemcontextmenu", function(view, record, item, index, e) {
            //node.select();
            //alert(node.id);
            e.preventDefault();
            e.stopEvent();
            var treeMenu = new Ext.menu.Menu({
                floating: true,
                items:[
                {
                    cls: "x-btn-text-icon",
                    text: "展开",
                    icon: "./res.axd?icon=webcam.png",
                    pressed: true,
                    handler: function() {
                        //当点击时隐藏右键菜单  
                        //this.up("treeMenu").hide();
                        //alert(record.raw.name);
                        var roottext = record.data.text;
                        var rootId = record.getId();
                        alert(rootId);
                    }
                },
                { cls: "x-btn-text-icon", text: "收缩", icon: "./res.axd?icon=webcam.png", pressed: true, handler: function() { node.collapse(true, true) } },
                { cls: "x-btn-text-icon", text: "添加", icon: "./res.axd?icon=webcam.png", pressed: true },
                { cls: "x-btn-text-icon", text: "上移", icon: "./res.axd?icon=webcam.png", pressed: true },
                { cls: "x-btn-text-icon", text: "下移", icon: "./res.axd?icon=webcam.png", pressed: true },
                { cls: "x-btn-text-icon", text: "删除", icon: "./res.axd?icon=webcam.png", pressed: true }
            ]
        });
            //定位菜单的显示位置
            treeMenu.showAt(e.getXY());
        });
    })
</script>

沙发
发表于 2014-4-10 23:41:34 | 只看该作者
能不能做成DOME给大家看看!菜单事件要怎么写呢?
板凳
发表于 2014-4-22 07:20:02 | 只看该作者
强烈建议弄个demo!!!
地板
发表于 2015-4-25 17:09:15 | 只看该作者
这好复杂,demo里现在都没有
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-23 02:02 , Processed in 0.042344 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表