jsTree自定义contextmenu

妖狐艹你老母 2022-02-27 01:49 327阅读 0赞

比如不希望用jstree自身的contextmenu，希望自己定义。则代码如下：

function reloadTree(){
    
        dialog.hide();
    
        jQuery("#"+treeid).jstree("refresh");
    
    }
    
    function showTree(id,json){
    
        treeid = id;
    
        menuTree = jQuery("#"+id).jstree({
    
            "core" : {
    
            "data":{
    
                "url":"/accountmanage/getMenuData",
    
                "dataType":"json",
    
                "cache":false
    
            }
    
          },
    
          "types" : {
    
            "default" : {
    
              "valid_children" : ["default","file"]
    
            },
    
            "file" : {
    
              "icon" : "glyphicon glyphicon-file",
    
              "valid_children" : []
    
            }
    
          },
    
          "plugins" : [
    
            "contextmenu", "dnd", "search",
    
            "state", "types", "wholerow"
    
          ],
    
          "contextmenu":{
    
            "items":{
    
                "create":null,
    
                "rename":null,
    
                "remove":null,
    
                "ccp":null,
    
                "新建菜单":{
    
                    "label":"新建菜单",
    
                    "action":function(data){
    
                        var inst = jQuery.jstree.reference(data.reference),
    
                        obj = inst.get_node(data.reference);
    
                        dialog.show({"title":"新建“"+obj.text+"”的子菜单",url:"/accountmanage/createMenu?id="+obj.id,height:280,width:400});
    
                    }
    
                },
    
                "删除菜单":{
    
                    "label":"删除菜单",
    
                    "action":function(data){
    
                        var inst = jQuery.jstree.reference(data.reference),
    
                        obj = inst.get_node(data.reference);
    
                        if(confirm("确定要删除此菜单？删除后不可恢复。")){
    
                            jQuery.get("/accountmanage/deleteMenu?id="+obj.id,function(dat){
    
                                if(dat == 1){
    
                                    alert("删除菜单成功！");
    
                                    jQuery("#"+treeid).jstree("refresh");
    
                                }else{
    
                                    alert("删除菜单失败！");
    
                                }
    
                            });
    
                        }
    
                    }
    
                },
    
                "编辑菜单":{
    
                    "label":"编辑菜单",
    
                    "action":function(data){
    
                        var inst = jQuery.jstree.reference(data.reference),
    
                        obj = inst.get_node(data.reference);
    
                        dialog.show({"title":"编辑“"+obj.text+"”菜单",url:"/accountmanage/editMenu?id="+obj.id,height:280,width:400});
    
                    }
    
                }
    
            }
    
          }
    
        });
    
        //after show menutree complete, adjust the td height
    
        jQuery("#"+id).parents("td").height((jQuery("#"+id).height()+"50")+"px");
    
    }

转载于：[https://blog.csdn.net/rongyongfeikai2/article/details/46691173][https_blog.csdn.net_rongyongfeikai2_article_details_46691173]

[https_blog.csdn.net_rongyongfeikai2_article_details_46691173]: https://blog.csdn.net/rongyongfeikai2/article/details/46691173

发表评论取消回复

表情：

评论列表（有 0 条评论，327人围观）

还没有评论，来说两句吧...

相关阅读

相关 ContextMenu菜单

创建ContexMenu菜单方法一：布局： <RelativeLayout xmlns:android="http://schemas.android.com/a

快来打我*/ 2022年09月23日 11:51/ 0 赞/ 146 阅读

相关 JSTree

[jsTree][] is jquery plugin, that provides interactive trees. It is absolutely free, ope

喜欢ヅ旅行/ 2022年08月22日 00:26/ 0 赞/ 183 阅读

相关 jsTree使用

> jsTree可以显示一个树状视图，支持复选框选中，选中触发事件等：其中主要用到的方法有： 1.设置数据：这里的data一般是ajax请求服务器返回的，必须要有

野性酷女/ 2022年07月12日 05:40/ 0 赞/ 202 阅读

相关 JStree CheckBox 默认选中 jstree checkbox checked onload

红色部分：也可以使用注释的那行 $("\jstree\_demo")

缺乏、安全感/ 2022年06月09日 04:45/ 0 赞/ 287 阅读

相关 JSTree 自定义图标不同节点显示不同图标

参见红色部分： arrays\[i\].iconSkin 是后台传的图标数据，分别是root A A1 A2

不念不忘少年蓝@/ 2022年06月09日 04:44/ 0 赞/ 571 阅读

相关最简单的将jstree的菜单contextmenu改成中文的方法

打开jstree.min.js，找到第2862行,改成如下即可: ![20180423100856188][] [20180423100856188]: /imag

淩亂°似流年/ 2022年05月26日 01:51/ 0 赞/ 170 阅读

相关 ContextMenu使用实例

Android除了可以通过菜单键弹出OptionsMenu外，还可以长按某个控件来弹出ContextMenu。比如EditeText就可以通过长

分手后的思念是犯贱/ 2022年04月23日 10:40/ 0 赞/ 240 阅读

相关 jsTree自定义contextmenu

比如不希望用jstree自身的contextmenu，希望自己定义。则代码如下： function reloadTree(){ dialog

妖狐艹你老母/ 2022年02月27日 01:49/ 0 赞/ 328 阅读

相关 JavaScript contextmenu 事件

JavaScript contextmenu 事件默认状态下，在网页中右键点击网页就会弹出右键菜单。点击鼠标右键会触发contextmenu事件，通常使用此事件是用来...

红太狼/ 2020年05月27日 14:21/ 0 赞/ 1018 阅读

相关 HTML contextmenu 属性

此属性规定元素的上下文菜单。当用户右键点击元素时，会出现上下文菜单（HTML5新增）。

小灰灰/ 2020年05月16日 18:54/ 0 赞/ 573 阅读