在EXTJS4.0的tree中使用右键菜单，增改删树节点

最新推荐文章于 2018-05-10 16:58:37 发布

phoenixdsf

最新推荐文章于 2018-05-10 16:58:37 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：工作相关知识学习

本文链接：https://blog.youkuaiyun.com/phoenixdsf/article/details/8166290

工作相关知识学习专栏收录该内容

53 篇文章

订阅专栏

本文详细介绍了如何使用Ext.js实现树形结构中的节点添加、编辑和删除操作，包括菜单设计、事件处理和DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

'itemcontextmenu' : function(view, record, htmlitem, rowIndex, e){
                           var rightClick;
                           if(!rightClick){
                               rightClick = new Ext.menu.Menu({
                                    floating :true,
                                    plain : true,
                                    floating:true,
                                    items : [{
                                                text : '添加节点',
                                                // 增加菜单点击事件
                                                handler : function() {
                                                   record.appendChild({text: 'New Node', leaf: true});//这里的text属性也有可能叫name或者其他名字，这个取决于与该树的store关联的model里面的属性名称
                                                    //alert(record)
                                                   store.load();//刷新树结构，*实际上应该是将树的节点信息保存以后再执行这个功能
                                                }
                                            }, {
                                                text : '编辑节点' ,
                                                handler : function(){
                                                   //alert(record.data.text);
                                                   //alert(record.data.leaf);
                                                   //alert(record.id);

                                                   store.load();
                                                   //var text = record.set('text','dddd');
                                                }
                                            }, {
                                                text : '删除节点' ,
                                                handler : function(){

                                                   record.remove();
                                                   store.load();
                                                }
                                            }]
                                });
                           }
                            rightClick.showAt(e.getXY());
                           e.preventDefault();
                       }