jstree 如何关闭右键菜单?


1、取消右键菜单

去掉插件配置项的 "contextmenu" 项即可取消 jstree 默认的右键菜单,但是会弹出页面的右键菜单。

例:

"plugins" : [ "themes", "html_data", "contextmenu" ]; // 默认右键功能
"plugins" : [ "themes", "html_data" ]; // 无右键功能

2、禁用右键菜单

禁用右键菜单,只要将相应的默认菜单项都设为 null 即可。禁用后不弹出任何右键菜单,包括浏览器的右键菜单。

例:

$(function () {
    $("#demo1").jstree({
        "plugins" : [ "themes", "html_data", "contextmenu" ],
        "contextmenu": {
            "items": {
                "create": null,
                "rename": null,
                "remove": null,
                "ccp": null
            }
        }
    });
});

3、自定义右键菜单

例:

$(function () {
    $("#demo1").jstree({
        "plugins" : [ "themes", "html_data", "contextmenu" ],
        "contextmenu": {
            "items": {
                "create": null,
                "rename": null,
                "remove": null,
                "ccp": null,
                "弹出对话框": {
                    "label": "弹出对话框",
                    "action": function (obj) { alert(obj) }
                },
                "包含子级菜单": {
                    "label": "包含子级菜单",
                    "submenu": {
                        "cut" : {
                            "separator_before"  : false,
                            "separator_after"   : false,
                            "label"             : "Cut",
                            "action"            : function (obj) { alert("Cut") }
                        }
                    }
                }
            }
        }
    });
});

前一篇:
后一篇:

发表评论