天空幻城
2015-10-26 01:54
采纳率: 80%
浏览 2.4k
已采纳

新手求救！EXTJS5的tree菜单如何实现右键菜单的问题

EXTJS5的tree菜单右键点击节点时显示右键菜单，添加，删除，修改的操作

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳 
            var selectedRow;
        var menu = Ext.create('Ext.menu.Menu', {
            floating: true,
            items: [{ text: '新建', handler: function () { console.log(selectedRow) ;/*....*/} }, { text: '删除', handler: function () { } }],
            renderTo:document.body
        })
        Ext.define('Ext.tree.Panel', {
            listeners: {
                beforecellcontextmenu: function (pl, td, cellIndex, record, tr, rowIndex, e, eOpts) {
                    selectedRow = record;
                    var xy = Ext.get(td).getXY();
                    menu.showAt(xy[0] + 100, xy[1]);
                }
            },
    点赞 评论
  • 天空幻城 2015-10-26 02:01

    图片说明实现这样的效果就行

    点赞 评论

报告相同问题？

提交

相关推荐 更多相似问题

  • 新手求救！EXTJS5的tree菜单如何实现右键菜单的问题
    2015-10-26 01:54
    回答 2 已采纳 ``` var selectedRow; var menu = Ext.create('Ext.menu.Menu', { flo
  • 新人求救！Extjs5tree菜单上复选框的选中状态
    2015-11-05 01:07
    回答 1 已采纳 checkchange事件参数node改过了，5+返回的是Ext.data.TreeModel，不是Ext.data.NodeInterface对象了 treemodel条用set更新数据源即可
  • 新手求救！Extjs5 文本框左右间隔怎么设置
    2015-10-22 01:49
    回答 1 已采纳 http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.form.field.Text-cfg-margin ``` {
  • ExtJs grid行 右键菜单的两种方法
    2020-10-29 01:37
    ExtJs grid行 右键菜单的两种方法，需要用extjs制作右键菜单的朋友可以参考下。
  • Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
    2020-10-19 08:17
    主要介绍了Extjs 中 Treepanel 实现菜单级联选中效果,需要的朋友可以参考下
  • ExtJS4 tree右键菜单
    2016-08-12 10:52
    祥灬子的博客 效果图： 源码： init : function() { var me = this; this.control({ 'cxbGrid button' : { ...'tree button':{ click:me.doAdd }, 'tree':{ itemcontextmenu:me.doEdit } }); },
  • Extjs4 tree如何获取右键菜单选择的项？
    2012-09-11 10:48
    回答 1 已采纳 itemclick( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObjec
  • Extjs4.0 右键菜单创建问题。 javascript
    2011-05-17 15:59
    回答 1 已采纳 把你的floating:false改成floating:true就可以了跟以前一样用了（showAt,showBy都可以，只是api只少添加了一个showAt） [code="js"]var r
  • Extjs5 button 问题！！！！！！！
    2016-12-14 08:04
    回答 2 已采纳 不存在这个函数调用，去查一下看看API是怎么样的
  • Extjs实现右键菜单
    2013-09-11 10:10
    Tree-New_Bee的博客 Extjs右键菜单的区域选中实现 itemcontextmenu: function(view, rec, node, index, e) {  e.stopEvent();  //alert(node.localName);  var t = node.firstChild.nextSibling.nextSibling;  var x = 0;  if ( t...
  • ExtJS5 实现树形菜单
    2017-12-13 18:56
    敷盎方的博客 首先利用sencha建立extjs的工程，然后是对页面顶部和底部布局的添加以及按钮的美化，因为只要记录的是菜单的生成，就不记录了。具体工程我会上传，因为是自己练练手的东西，所以写的很杂。~~~~~~~~~~~~~~~~~~~~~~~~~...
  • ExtJS 自定义树组件 节点的操作 搜索 右键菜单
    2013-03-30 01:05
    功能: 1.实现ExtJS tree 节点右键菜单 实现增删查. 2.实现针对实体数据的动态搜索. 3.代码命名规范，简单易懂. 4.支持IE 9,FF 19.0.2. 5.将文件解压至ext包example任意组件文件夹即可浏览效果.
  • Extjs5 给树菜单加checkbox怎么加？
    2015-11-02 03:13
    回答 2 已采纳 是tree的一个属性 checked 为true 为选上 false 为有框不选 没有这个属性 就没框，有这个属性就有框了
  • 关于Extjs4.2 tree异步加载的问题
    2017-01-11 08:01
    回答 4 已采纳 主要是后台代码： tree节点默认关闭状态，点击节点展开的时候自动会访问后台，并将此节点的id传到后台， 后台地址Macdrawing/GetAfTreeAll要接收一个node的参数，为前台树节
  • extjs ext tree的很纠结问题 javascriptjquery
    2013-03-14 14:38
    回答 2 已采纳 你已经很清楚它的原因了，就是名称和id确定唯一性，它本身的类库在页面上也是这样渲染页面元素的，你要做的只是把东西区分开，比如id前面加一个前缀，在做url的时候再把前缀去掉，前缀能把文章和话题区分开来
  • extjs4 下拉菜单树 combobox+tree 支持单选多选
    2013-06-20 17:41
    功能：extjs4 下拉菜单树 combobox+tree 支持单选多选等 收集两款，仅需要1分。
  • 基于FineUI Grid控件添加右键菜单
    2020-12-25 19:56
    ExtJs右键菜单有很多种，对于Grid控件来说，我这里只简单说明两种实现。即在表格的数据行上右键单击时弹出的菜单，以及在空白位置右键单击时弹出的菜单。 时间有限，废话不多说了，先看两个效果图。（实现环境 Fine...
  • Extjs5 Tab标签右键单击菜单
    2015-02-10 15:25
    yelong0201的博客 Extjs5 Tab标签右键单击菜单在使用Extjs的tabclosemenu时，发现需要双击右键才能弹出标签操作菜单，不符合我们的使用习惯，但是又没有找到相关的配置来实现单击右键显示菜单，我的解决办法是重写tabclosemenu的...
  • extjs做的树和导航菜单样式问题
    2012-09-28 16:32
    回答 2 已采纳 在做extjs的tree时候，在内网或一些不能访问国外网站的同学，会访问不了这个图片，而是tree出现显示的一些问题， 解决办法需要： 只要在Ext.onReady()方法之前（或者方法的第一句）
  • Extjs给控件添加右键菜单
    2011-07-28 22:04
    huoyunshen的博客 Extjs grid 加入右键菜单。 receiveListGrid.on("rowcontextmenu",function(grid,rowIndex,e){ e.preventDefault(); if(rowIndex){return;} var treeMenu = new Ext.menu.Menu ([ { xtype:"", text:...
  • 没有解决我的问题, 去提问