jstree使用【二】右击菜单

石头酱520

于 2016-07-19 16:10:21 发布

阅读量5k

点赞数

分类专栏： jsTree 文章标签： contextmenu jstree

本文链接：https://blog.csdn.net/ruby113028/article/details/51956804

版权

jsTree 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何在jstree中使用contextmenu插件来实现右键菜单功能。通过在plugins中添加contextmenu，可以启用该功能。内容中提到，当节点类型为4时，右键点击不会显示菜单。菜单项被定义为一个方法，根据节点类型动态返回不同的菜单选项，对于文件类型的节点，不返回任何菜单项以禁止显示。

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

contextmenu 算是jstree里面的一个右键插件吧
在plugins里面加入contextmenu 就可以使用了。
代码大致如下，做了个判断当type等于4的时候，右击不显示菜单。

$('#jstree_vehicle').jstree({
            'core': {/**数据加载请看使用一**/            },
            'contextmenu': {
                "items": function (node) {
                    var temp = {
                        "view": {
                            "label": "详细",
                            "icon": " file",
                            "separator_after": true,
                            "action": function (data) {
                                $("#treeLayout").layout('expand', 'south');
                                var inst = $.jstree.reference(data.reference),
                                    obj = inst.get_node(data.reference);
                            }
                        },
                        "showPhoneBook": {
                            "label": "录音",
                            "action": function (data) {
                                var inst = $.jstree.reference(data.reference),
                                    obj = inst.get_node(data.reference);
                                showRecordWin(mockEvent(obj.id, obj.text));
                            }
                        }
                    };
                    /**
                     * 如果选择不是车辆，则不出右键菜单项
                     */
                    var menu = {};
                    (this.get_type(node) == "4") && (menu = temp);
                    return menu;
                },
                "select_node": false
            },
            "plugins": ["types", "contextmenu"],
        })