jstree插件学习笔记
2015-04-09 17:32
246 查看
为不同的节点生成不同右键菜单:
1、定义一个函数,接收目标节点(node),根据这个节点生成响应不同的右键菜单
上面的函数这么调用:
2、如果你不想像上面那样重复创建右键菜单,可以这样做
参考资料:http://stackoverflow.com/a/4600281
1、定义一个函数,接收目标节点(node),根据这个节点生成响应不同的右键菜单
function customMenu(node) { // The default set of all items var items = { renameItem: { // The "rename" menu item label: "Rename", action: function () {...} }, deleteItem: { // The "delete" menu item label: "Delete", action: function () {...} } }; if ($(node).hasClass("folder")) { // Delete the "delete" menu item delete items.deleteItem; } return items; }
上面的函数这么调用:
$("#tree").jstree({plugins: ["contextmenu"], contextmenu: {items: customMenu}});
2、如果你不想像上面那样重复创建右键菜单,可以这样做
"label": "Delete", "action": function (obj) { if ($(this._get_node(obj)).hasClass("folder") return; // cancel action }
参考资料:http://stackoverflow.com/a/4600281
相关文章推荐
- jstree 学习笔记
- Jquery 学习笔记(三)240多个jQuery插件
- Jquery学习笔记——插件编写
- Java学习笔记之Eclipse plugin插件安装
- Silhouette Fadeins 剪影淡出插件实例学习笔记
- Eclipse插件开发学习笔记 (一)
- Nutch 1.3 学习笔记 10-3 插件机制分析
- jQuery PAGINATION 分页插件学习笔记
- Apache Nutch 1.3 学习笔记十(插件机制分析)
- 记录Eclipse插件学习笔记代码
- jqGrid开源插件学习笔记
- jquery学习笔记(六)插件的编写
- Chrome插件开发学习笔记(一)
- Nutch 1.3 学习笔记 10-1 - Ntuch 插件机制简单介绍
- jQuery validation 插件学习笔记1
- 关于JQuery 插件Grid的学习使用笔记 (PHP版)
- Maven学习笔记(二)——Eclipse插件安装(m2eclipse)
- Chrome插件开发学习笔记(二)
- Apache Nutch 1.3 学习笔记十(Ntuch 插件机制简单介绍)
- Apache Nutch 1.3 学习笔记十(插件扩展)