1. jsTree 官方地址： www.jstree.com
2. 在界面中引用jsTree的css和js
3. 界面应用js的两种方式：
3-1. 先用模板生成HTML结构数据，再用JS去应用
HTML数据已经生成以后，再应用JS
注意：jsTree的插件会改变原来的HTML界面元素，可能会破坏数据绑定关系（如果你用了Vue或者AngularJS或者Backbone什么的框架的话）
3-2 用JS直接去生成
用JS直接去生成
4. 自定义右键菜单：
右键菜单Demo可以看到第一个代码截图的contextmenu中定义，具体不赘述。
如果要不同的选项上，定义不同的右键菜单，一下是源码中定义的右键菜单中的属性：
`separator_before` - a boolean indicating if there should be a separator before this item
`separator_after` - a boolean indicating if there should be a separator after this item
`_disabled` - a boolean indicating if this action should be disabled
`label` - a string - the name of the action (could be a function returning a string)
`title` - a string - an optional tooltip for the item
`action` - a function to be executed if this item is chosen, the function will receive
`icon` - a string, can be a path to an icon or a className, if using an image that is in the current directory use a `./` prefix, otherwise it will be detected as a class
`shortcut` - keyCode which will trigger the action if the menu is open (for example `113` for rename, which equals F2)
`shortcut_label` - shortcut label (like for example `F2` for rename)
`submenu` - an object with the same structure as $.jstree.defaults.contextmenu.items which can be used to create a submenu - each key will be rendered as a separate option in a submenu that will appear once the current item is hovered
说明：
我搜索了网上的解决方法，没有什么有用的，有用visible属性的，但是我看插件中定义没有这个对象属性，可以用_disabled去定义某一项菜单有没有效，不能控制其选择性的展示，暂时没有找到好的办法，如果有好的办法，欢迎告知，谢谢
网友评论