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

原文地址:https://www.cnblogs.com/ry123/p/4616320.html