jsTree自定义contextmenu

比如不希望用jstree自身的contextmenu，希望自己定义。则代码如下：


function reloadTree(){dialog.hide();jQuery("#"+treeid).jstree("refresh");}function showTree(id,json){treeid = id;menuTree = jQuery("#"+id).jstree({"core" : {"data":{"url":"/accountmanage/getMenuData","dataType":"json","cache":false}},"types" : {"default" : {"valid_children" : ["default","file"]},"file" : {"icon" : "glyphicon glyphicon-file","valid_children" : []}},"plugins" : ["contextmenu", "dnd", "search","state", "types", "wholerow"],"contextmenu":{"items":{"create":null,"rename":null,"remove":null,"ccp":null,"新建菜单":{"label":"新建菜单","action":function(data){var inst = jQuery.jstree.reference(data.reference),obj = inst.get_node(data.reference);dialog.show({"title":"新建“"+obj.text+"”的子菜单",url:"/accountmanage/createMenu?id="+obj.id,height:280,width:400});}},"删除菜单":{"label":"删除菜单","action":function(data){var inst = jQuery.jstree.reference(data.reference),obj = inst.get_node(data.reference);if(confirm("确定要删除此菜单？删除后不可恢复。")){jQuery.get("/accountmanage/deleteMenu?id="+obj.id,function(dat){if(dat == 1){alert("删除菜单成功！");jQuery("#"+treeid).jstree("refresh");}else{alert("删除菜单失败！");}});}}},"编辑菜单":{"label":"编辑菜单","action":function(data){var inst = jQuery.jstree.reference(data.reference),obj = inst.get_node(data.reference);dialog.show({"title":"编辑“"+obj.text+"”菜单",url:"/accountmanage/editMenu?id="+obj.id,height:280,width:400});}}}}});//after show menutree complete, adjust the td heightjQuery("#"+id).parents("td").height((jQuery("#"+id).height()+"50")+"px");}

转载于：https://blog.csdn.net/rongyongfeikai2/article/details/46691173

jsTree自定义contextmenu相关推荐

android contextmenu 自定义,ContextMenu高级用法
51CT0不支持MarkDown,原文请至:简书关键字: ContextMenu ##背景我们经常在列表的页面中,点击列表中的行,一般进入详情页面,长按列表中一行,会弹出一个菜单,包含了对某一行的 ...
jsTree使用记录
1. ajax请求生成jsTree [javascript] view plaincopy <span style="font-size:14px;"><scri ...
jstree使用教程
阿发原创,博客地址:http://blog.csdn.net/u012954072 本文介绍JQuery插件–JStree的使用,JStree用于生成树形目录.先贴一张简单的效果图并输出当前节点的名称 ...
Vue实现考勤记录删除-自定义右击删除菜单
一.定义和使用 oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单. 注意:所有浏览器都支持 oncontextmenu 事件, contextmenu 元素只有 Firefo ...
WPF基础五：UI④ 条目控件ContextMenu
派生关系: Object->DispatcherObject->DependencyObject->Visual->UIElement->FrameworkElement ...
jstree的简单功能使用
jstree的简单使用 jstree实现自定义图标 jstree实现拖拽 jstree实现拖拽后保留顺序 jstree实现点击链接href属性 jstree实现增删改 jstre实现层级目录,类似do ...
[转] WEB前端学习资源清单
常用学习资源 JS参考与基础学习系列 [MDN]JS标准参考 es6教程 JS标准参考教程编程类中文书籍索引深入理解JS系列前端开发仓库 <JavaScript 闯关记> JavaS ...
java web树形图查询_Javaweb生成族谱树形图
/** * 族谱树形 */ @Action(value = "depttree", results = { @Result(name = "success", ...
JointJS官方API（中文）
某位大佬博主整理的,备份一份,方便使用. 原文地址:https://blog.csdn.net/orangeunicorn/article/details/84982992 锚点anchor 链接锚是 ...

jsTree自定义contextmenu

jsTree自定义contextmenu相关推荐

最新文章

热门文章