jstree使用小结(三)
操作节点的这几个事件都比较简单: 如下
var $tree=$('#tree1'); $tree.jstree({...}); //选中节点 $tree.on('select_node.jstree',function(e,data){ debugger; var id=data.node.id;//获得选中节点的id var name=data.node.text;//获得选中节点的name //data 里面还有很多其他属性,可自行debugger看 //这里我需要自定义一些数据,通过后台传递过来,这时里面的一个data.node.data属性就非常有用了 //可以在这个data.node.data里面传递你需要的任何数据 }); //重命名 $tree.on('rename_node.jstree',function(e,data){ debugger; var id=data.node.id;//获得选中节点的id var name=data.text;//修改后的name var oldName=data.old;//原name //data 里面还有很多其他属性,可自行debugger看 }); //删除节点 $tree.on('delete_node.jstree',function(e,data){ var id=data.node.id;//获得选中节点的id var name=data.node.text;//获得选中节点的name });
备注: 我的项目中暂时用到这些...只是七七八八的笔记了一下,有用到这个jstree的童鞋,可以一起讨论. O(∩_∩)O