jsTree 自定义右键菜单方法
 |  |  |  |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
jsTree 是一款功能非常强大的jquery树目录插件，基于 mit 开源协议，完全免费。
jsTree 通过添加 Contextmenu plugin 这个扩展来实现树目录右键菜单操作，默认右键菜单如下：
通过上图可以看到，默认右键菜单是英文版，如果开发过程中有特殊需求的话，我们可以通过重写 contextmenu 属性来自定义 jsTree 右键菜单方法，具体代码如下：
$('#tree') .jstree({ 'core' : { 'data' : { 'url' : '/admin/Group/jstree' //ajax 加载菜单数据 }, 'themes' : { 'responsive' : true } }, 'plugins' : ['dnd','contextmenu'],//通过添加 contextmenu 扩展来实现右键菜单操作 "contextmenu": {//重写 contextmenu 菜单 "items": { "create": null, "rename": null, "remove": null, "ccp": null, "add": { "label": "新增分组", "action": function (data) { var inst = jQuery.jstree.erence(data.erence); obj = inst.get_node(data.erence); layer.open({ type: 2, title: '新增['+obj.text+']的子组', shadeClose: true, shade: 0.8, area: ['380px', '300px'], content: '/admin/Group/add/id/'+obj.id //iframe 的 url }); } }, "edit": { "label": "修改分组", "action": function (data) { var inst = jQuery.jstree.erence(data.erence); var obj = inst.get_node(data.erence); var type = obj.id.substr(0,4); if(type == 'root'){ layer.msg('根节点无法修改',{'time':2000,'icon':2}); return; } if(type == 'list'){ layer.msg('考核对象分组请在系统设置-指标分组权限列表中修改',{'icon':2}); return; } layer.open({ type: 2, title: '修改['+obj.text+']的子组', shadeClose: true, shade: 0.8, area: ['380px', '300px'], content: '/admin/Group/edit/id/'+obj.id //iframe 的 url }); } }, "del": { "label": "删除分组", "action": function (data) { var inst = jQuery.jstree.erence(data.erence); obj = inst.get_node(data.erence); layer.confirm('确认要删除该分组吗？', { btn: ['确认','取消'] //按钮 }, function(){ //ajax delete; }); }, function(){ layer.closeAll(); }); } } } } }) 最终实现的 jsTree 自定义右键菜单如下：
猜你可能想看的VPS
- 做站必选 腾讯云秒杀→2 核 4G 内存 50G 硬盘 3Mbps KV全球[VPS测评]
- DedeCMS 禁止文档设置推荐后标题加粗 DedeCMS 去掉文档推荐全球[VPS测评]
- 疯狂猜成语 图猜成语一只鹅和一只鸡在说话是什么成语？全球[VPS测评]
- 补货通知 搬瓦工双向 CN2 GIA 线路 46.87 美元每年补货了全球[VPS测评]
- 搬瓦工 CN2 GIA 线路 DC6 补货 年付 46.8 美元 支持支全球[VPS测评]
- 疯狂猜成语 图猜成语一张弯曲的纸上写着打抱两个字是什么意思？全球[VPS测评]
- hosteons→免费提供 Windows 授权 8 折优惠 $36 年WINDOWS
- [黑五]VIRPUS 三折→西雅图 XEN VPS 月付 1.5 美元起全球[VPS测评]
- 疯狂猜成语 图猜成语一块奶酪散发气味是什么成语？全球[VPS测评]
- Krypt ION→$2.5 月 1GB 内存 25GB SSD 空间 虚拟空间(主机)
- HostXen→香港 日本 可 DIY 配置云 XEN 架构 新客户送 日本VPS[主机]
- 疯狂猜成语 图猜成语一个人对着墙说了很多话墙破了一个洞是什么成语？全球[VPS测评]
- 劳动节 极光 KVM→五一劳动节专场 日本 美西 CN2 移动 CMI 日本VPS[主机]
- 最简单的 WordPress 网站更换域名教程全球[VPS测评]
- JustHost新上美国达拉斯机房，八折优惠，200M带宽不限流量，月付美国VPS[主机]
- 野草云香港CN2 VPS 云服务器年付三六折优惠，￥136.8起/年；独独立服务器[U]
- 建站云服务器选择高效云盘还是SSD硬盘？全球[VPS测评]
- RackNerd三月特惠 Intel SSD VPS $9.49起/年；全球[VPS测评]
- UOVZ怎么样？香港30M大带宽VPS 直连线路月付50元香港VPS[主机]
- centos7如何查看firewall防火墙状态：开启/关闭/重启防火墙全球[VPS测评]
- 快速云：科普云服务器服务器的概念和作用2022-08-2313：26来源全球[VPS测评]
- 跨境电商周报丨拼多多布局跨境电商平台；Shopify将推出新平台支持网红全球[VPS测评]
- centos7如何查看firewall防火墙状态：开启/关闭/重启防火墙全球[VPS测评]
- 无忧云,香港VPS全线5折促销,四川高防服务器/大连BGP/德阳高防/深香港VPS[主机]
- 热网互联：日本+香港 cn2 gia vps7折,日本服务器7.5折,全日本VPS[主机]
- 品光网络怎么样?香港美国服务器/云/高防，开年采购3.5折起美国VPS[主机]
- 乐趣云怎么样?香港美国云服务器首月8.8元，新增IP5元/个美国VPS[主机]
- 快速云：怎么连接vps？VPS的用途有哪些？全球[VPS测评]
- WordPress去掉分类链接中category目录的两种方法全球[VPS测评]
- 硅云怎么样?硅云服务器好用吗?硅云香港vps多少钱一年?香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-220215.html