jstree的右键菜单增删改案例（修改默认contextmenu插件文本）

概述：

默认jstree的插件文本是英文，而且是固定create，rename，remove等等，如果想要个性化，修改这些文本内容，该如何做？

1、先决条件：

• 1、下载jstree最新包，笔者使用的3.3.4版本
• 2、下载boostrap最新包（笔者使用的3.3.7版本）
• 3、下载最新版本jquery

2、引入对应css文件和js文件

引入jstree默认css文件

引入boostrap默认css文件：这个是为了显示右键菜单图标，如果你不要显示图标就可以不同引入

引入js

引入jquery.js

引入jstree.js文件

3、自己需要写js文件

html标签：

自己写js:

备注：

• 1、core：表示jstree核心参数，主要设置两个data：也就是初始化时候jstree样子，check_callback：必须为true（否则增删改动作没有反应，这些动作都是需要回调。）
• 2、text就是显示文本信息， children就是它子节点
• 3、checkbox（复选框插件） 表示条目前面出现复选框，keep_selected_style：true表示显示选中背景颜色效果，false没有背景颜色效果
• 4、contextmenu:就是右键菜单插件，select_node：true表示右键时候选中该条目，false表示不选中,show_at_node:true,表示在该节点进行展示
• 5、items就是自定义右键菜单选项，label是右键菜单选项的名称。icon就是选项前面的图标，action点击选项触发事件，separator_before/after就是分隔符,disabled:是否禁用该条目，shortcut_label表示快捷键
• 6、new_node.text="新建设备";表示修改默认（New Node）节点文本
• 7、plugins:表示你使用那些插件（复选框和右键菜单）
• 8、其他可以参考jstree.js源码

完整代码：

效果：