jstree自定义contextmenu

https://blog.csdn.net/rongyongfeikai2/article/details/46691173

比如不希望用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");
}
--------------------- 
作者:rongyongfeikai2 
来源:CSDN 
原文:https://blog.csdn.net/rongyongfeikai2/article/details/46691173 
版权声明:本文为博主原创文章,转载请附上博文链接!

猜你喜欢

转载自blog.csdn.net/MyNameIsXiaoLai/article/details/87785404