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") }
}
}
}
}
}
});
});