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