`

Ext树节点右键菜单

EXT 
阅读更多
用ext做了一个树

// Add Tree Menu
tree.on('contextmenu', contextmenu, tree);

// 创建右键菜单
function contextmenu(node, e) {
    treeMenu = new Ext.menu.Menu( {
        id : 'treeMenu',
        items : [new Ext.menu.Item( {
                text : '删除',
                iconCls : 'delete',
                handler : clickDelHandler
            })]
    });

    coords = e.getXY();
    treeMenu.showAt([coords[0], coords[1]]);
}

function clickDelHandler() {
            alert(node.id);
}

alert(node.id);   -〉显示的是menu.Item的ID,可是我想得到的是树结点的ID,本来自己想了一个方法,就是在创建menu.Item的时候把树结点的ID分配个menu.Item

如下
treeMenu = new Ext.menu.Menu( {
        id : 'treeMenu',
        items : [new Ext.menu.Item( {
                text : '删除',
                iconCls : 'delete',
                id: 'menu' + node.id
                handler : clickDelHandler
            })]
    });


可以在外部定义一个变量var selected;
在右键事件绑定处如下处理:
tree.on("contextmenu",function(node,e){//右键点击事件的绑定
   
    e.preventDefault();//关闭默认的菜单,以避免弹出两个菜单
    node.select();//选中点击的节点
   // alert(node.id);
   
    selected = new Ext.tree.TreeNode({
    id:node.id,
    text:node.text
    });//保存选中的树结点
   
    contextmenu.showAt(e.getXY());
    });
这样在点击某个树结点的时候,就可以将选中的结点保存到变量selected中
再通过selected.id,selected.text就可以得到要取的值了

function editNode(){//具体应用之处.............
   var id = selected.id;
    alert("我的id值:"+id);
}

分享到:
评论

相关推荐

    ext带右键菜单的树

    在描述中提到的"ext带右键菜单的树"是指在ExtJS中实现的一种交互功能,即在树形控件上通过右键点击来显示一个上下文菜单。这种功能极大地提高了用户与应用程序的交互性,使得操作更加直观和便捷。 在ExtJS中,树形...

    ExtJS 自定义树组件 节点的操作 搜索 右键菜单

    功能: 1.实现ExtJS tree 节点右键菜单 实现增删查. 2.实现针对实体数据的动态搜索. 3.代码命名规范,简单易懂. 4.支持IE 9,FF 19.0.2. 5.将文件解压至ext包example任意组件文件夹即可浏览效果.

    Ext 中的Tree实现不同节点不同的右键菜单

    本篇将深入探讨如何在`Ext JS`中实现Tree组件的不同节点拥有不同的右键菜单,这对于提供定制化的用户体验是非常有用的。 `Ext JS`的Tree组件是一个可扩展的树形结构,用于展示层级数据。在默认情况下,Tree的所有...

    复选框的且带右键菜单的树代码

    ### 复选框的且带右键菜单的树代码知识点解析 #### 一、概述 本文档介绍了一段实现带有复选框功能以及右键菜单的树形结构代码。该树形结构主要用于展示联系人信息,并支持用户进行一系列操作如搜索、添加、删除等。...

    功能更强的树节点

    在本案例中,我们看到的关键词"拖拽"和"右键菜单"都是这种树形节点增强功能的典型例子。 首先,"拖拽"功能允许用户通过鼠标将树节点从一个位置移动到另一个位置,这对于需要重新排序或移动数据的场景非常有用。实现...

    ext+ssh树,带右键功能

    【标题】"ext+ssh树,带右键功能"指的是在Web应用开发中,结合EXTJS(EXT)和Struts2(SSH)框架构建的一种特殊交互界面,它包含了一个能够展示层级结构数据的树形组件,并且具备了右键菜单功能。EXTJS是一款强大的...

    Ext 2.0 树形机构

    Ext2.0不仅仅实现了复选框的树形菜单,而且使得在选中某个节点时,如果有子节点,那么就能够将所有的字节点全部选中,当然你也可以直接选择你希望的节点。但是,当你第一次选中某个有子节点但是子节点并没有展开的...

    简单的ext树

    你可以设置节点的样式,定义展开/折叠节点的动画,甚至添加右键菜单和拖放功能。 6. **事件监听**: `Ext.tree.Panel`支持各种事件监听,如节点点击、展开、折叠等。通过监听这些事件,可以实现与树的交互逻辑,...

    ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree

    【标题】"ext-tree.rar_ext...综上所述,这个压缩包提供了一个使用Ext JS创建具有右键菜单功能的树形视图的实例,该视图可以直接操作数据库,对于学习和理解如何在Web应用中集成交互式树形组件和数据库操作非常有价值。

    EXT实现动态树的功能

    例如,添加节点可以监听`contextmenu`事件,然后在右键菜单上添加“添加”选项: ```javascript treeView.on('itemcontextmenu', function(view, record, item, index, event) { event.preventDefault(); var ...

    Ext+Java 树

    本例子采用ext3.0+java开发的树结构,完全的动态管理,树结构一旦形成,支持右键菜单,进行增删改,增加,就在树当前节点下创建一个新的节点,利用ajax同步到数据库,总之类似于资源管理器的增删改,由于本人是初学...

    磁盘目录树(EXT-js)

    5. **事件处理**:EXT-js提供了丰富的事件机制,如`itemclick`、`itemcontextmenu`等,你可以根据需要绑定事件处理器,实现点击目录时打开、右键菜单时的上下文操作等。 6. **自定义图标**:通过设置TreeNode的`...

    ExtRightMenuTree

    使用这个扩展,你可以快速地为树节点添加功能丰富的右键菜单,而无需过多关注底层实现。 在实际应用中,ExtRightMenuTree可能还包括其他高级特性,如权限控制(决定哪些用户可以执行特定操作)、异步加载(仅在需要...

    ztree+dwr实现的异步加载树形菜单

    它支持多种操作,如点击节点、拖拽节点、右键菜单等,且提供了丰富的API和回调函数,便于开发者进行扩展和定制。ZTree 2.6版本相比早期版本,优化了性能,增加了更多功能,例如支持多选、半选、自定义图标等,使得树...

    ext导步树完整实例

    - 在实际应用中,可能还需要实现节点的展开/折叠、拖放操作、右键菜单、节点点击事件等功能。EXTJS提供了丰富的API和事件处理机制来支持这些高级特性。 6. **示例代码**: - 实例代码会包含创建TreePanel,配置...

    EXT tree 使用 实例 最新

    8. **扩展和插件**:EXT Tree有丰富的扩展和插件,如`checkbox`(复选框节点)、`contextmenu`(右键菜单)等,可以进一步增强功能。 在文档`extjs的tree的使用.doc`中,你将找到关于如何设置这些配置、创建树实例...

    ExtJs树例子

    同时,用户可以通过点击、拖拽、右键菜单等方式与树进行交互。例如,可以监听`click`、`expand`、`collapse`等事件来进行相应的操作。 6. **扩展性**:ExtJS的树形控件具有高度的可扩展性,可以通过插件(plugins)...

    EXT2.0中文教程

    9.6. JsonView实现用户卡片拖拽与右键菜单 9.7. 下拉列表选择每页显示多少数据 10. 撕裂吧!邪魔外道与边缘学科。 10.1. dwr与ext整合 10.1.1. 无侵入式整合dwr和ext 10.1.2. DWRProxy 10.1.3. DWRTreeLoader 10.2...

Global site tag (gtag.js) - Google Analytics