`

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里显示,不知怎么解决

分享到:
评论

相关推荐

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

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

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

    博文链接:https://kingapex.iteye.com/blog/150806

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

    下面是复选框的且带右键菜单的树代码。 HTML code Ext.BLANK_IMAGE_URL = "../resources/images/default/s.gif"; Ext.QuickTips.init(); Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); ...

    exjs4.2 树的右键菜单

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

    ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree

    ext的树的实例.通过右键菜单操作树节点对数据库进行增删改查.

    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...

    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...

    Ext+JS高级程序设计.rar

    10.2 标签页右键菜单TabCloseMenu 276 10.3 面板最大化MaximizeTool 278 10.4 分页设置PageSizePlugin 282 10.5 行数据扩展RowExpander 284 10.6 本章小结 290 第五部分 调试 第11章 调试 292 11.1 测试Ext.Element...

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

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

    Ext Js权威指南(.zip.001

    7.5.11 树节点:ext.data.nodeinterface与ext.data.tree / 364 7.5.12 store的方法 / 366 7.5.13 store的事件 / 368 7.5.14 store管理器:ext.data.storemanager / 369 7.6 综合实例 / 369 7.6.1 远程读取json...

    利用Ext Js生成动态树实例代码

    需求 要求生成一颗部门树,初始只列出根部门 当点击一个部门节点时,动态载入该部门下的直属子部门,并展开该部门节点 部门节点要求支持右键单击事件,当点击右键时,列出相关操作菜单 二. 关键类 这里主要涉及Ext ...

    精通JS脚本之ExtJS框架.part1.rar

    10.3 右键菜单 10.4 修改节点的默认图标 10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4...

    easyui+增强窗体 demo_ext为实例文件

    5、修复当tabs使用iframe时,右键菜单刷新报错问题。 6、增加combotree对简单数据格式和类标准数据格式的加载,具体参考jquery.easyui.tree.extend.js文件开头说明。 7、修复datagrid.onConfirmEdit事件默认实现bug...

    基于EXT SSI的简单树实现

    动态加载加右键菜单。 希望拿到可以跑起来看看效果的,需要按以下步骤做。 1 安装oracle,这个例子只做了oracle版本,如果需要,后期可以加上mysql版本,呵呵。 2 运行建用户及表空间的脚本。db_desc_ddl.sql. 3 ...

    精通JS脚本之ExtJS框架.part2.rar

    10.3 右键菜单 10.4 修改节点的默认图标 10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4...

    ExtAspNet_v2.3.2_dll

    -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的位数(需要设置NoDecimal="false")(feedback:zqmars)。...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的位数(需要设置NoDecimal="false")(feedback:zqmars)。...

Global site tag (gtag.js) - Google Analytics