jstree使用小结(三)

最新推荐文章于 2019-07-27 09:47:48 发布

转载最新推荐文章于 2019-07-27 09:47:48 发布 · 91 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ry123/p/4616320.html

本文详细介绍了如何使用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
});