`

ext tree 动态 右键菜单

 
阅读更多
uniInfoPanel.on('contextmenu', function(node, e) {
        if (node.attributes.JBtype == 'station' || node.attributes.JBtype == 'person') {
            return;
        }
				node.select();
				var coords = e.getXY();
				var menu = new Ext.menu.Menu({});
				if (node.attributes.JBtype == 'unit') {
					if (node.attributes.unitlevel == '01') {
						menu.add(Info_addItem);
//						menu.add(Info_deleteItem);
					} else if (node.attributes.unitlevel == '02') {
						menu.add(Info_addStationItem);
						menu.add(Info_removeStationItem);
						menu.add(Info_addFuncItem);
						menu.add(Info_removeFuncItem);
					}
				} else if (node.attributes.JBtype == 'stations') {
					menu.add(Info_addStationItem);
					menu.add(Info_removeStationItem);
				} else if (node.attributes.JBtype == 'func') {
                    menu.add(Info_addPersonItem);
                    menu.add(Info_removePersonItem);
				}
				menu.showAt([coords[0], coords[1]]);
			});

 uniInfoPanel是个treepanel,还有个方法,是根据每种类型构造一个固定的menu,根据不同的node类型显示不同的menu,这样就不用每次都构造一个menu了,但是假如一个item被同时添加到了多个menu时会出错,只会在最后添加的menu里显示,不知怎么解决

分享到:
评论

相关推荐

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

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

    EXT tree 使用 实例 最新

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

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

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

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

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

    ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree

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

    exjs4.2 树的右键菜单

    简单易懂的ext.tree.panel 树形菜单绑定右击事件

    ext+ssh树,带右键功能

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

    EXT实现动态树的功能

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

    关于extjs ext.tree

    - `Ext.menu.Menu`可以与`itemcontextmenu`事件结合,创建节点的右键菜单。 - `Ext.selection.TreeModel`提供了树形选择行为,支持单选或多选。 总之,`ext.tree`是ExtJS库中一个强大且灵活的组件,通过配置和...

    treepanel实例

    同时,可以扩展Tree Node的行为,添加自定义的操作,如右键菜单、拖放功能等。 8. **拓展功能** Ext JS提供了许多内置的扩展,如拖放(DragDrop)、搜索(TreeFilter)等,可增强Tree Panel的功能。同时,通过...

    功能更强的树节点

    实现右键菜单需要监听鼠标的contextmenu事件,阻止默认的浏览器行为,然后动态创建和显示自定义菜单。菜单项的点击事件也需要进行相应的处理,执行相应的功能,如添加、删除或编辑树节点。 在提供的文件列表中,...

    Ext 开发指南 学习资料

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

    extjs ajax tree(js动态树,无需递归)

    例如,可以添加右键菜单、拖放功能、节点展开/折叠事件等。同时,`Ext.data.TreeModel`和`Ext.data.NodeInterface`提供了操作树节点的方法,如`expand()`, `collapse()`, `appendChild()`, `insertBefore()`等。 总...

    ExtRightMenuTree

    ExtRightMenuTree是一个基于ExtJS库的扩展,它专门用于增强树形组件的功能,特别是集成右键菜单。在本文中,我们将深入探讨ExtJS的TreePanel组件,以及如何利用ExtRightMenuTree实现自定义的右键菜单功能,以提供更...

    EXT教程EXT用大量的实例演示Ext实例

    Ext提供了丰富的事件来检测树形结构中的各种行为,并支持自定义节点图标、右键菜单等。用户可以通过拖拽操作来调整树节点,这在管理层次化数据时非常有用。 #### 5. Ext表单和输入控件 Ext的表单(Form)和输入...

    Ext 3.0 中文文档.zip

    通过配置,开发者可以定制节点的图标、文本和行为,也可以添加右键菜单和搜索功能。 这份"Ext 3.0中文文档.CHM"包含了上述所有主题的详细解释和示例代码,是学习和使用Ext 3.0不可或缺的参考资料。无论你是初学者...

    Ext3.0 api帮助文档

    - **Ext.menu.Menu**: 创建下拉菜单,常用于按钮的右键菜单或工具栏的下拉菜单。 10. **其他功能** - **Ajax请求(Ajax Requests)**: 使用Ext.Ajax模块进行异步数据请求。 - **拖放(Drag and Drop)**: 支持...

    简单的ext树

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

Global site tag (gtag.js) - Google Analytics