zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    vue(5)
    vue(4)
    vue(3)-防止闪烁
    vue(2)
    bootstrap 模态框
    2017年上半年工作总结和计划
    vue(1)
    文本框数量加减功能
    meta 控制移动端页面的缩放
    题解 P1550 【[USACO08OCT]打井Watering Hole】
  • 原文地址:https://www.cnblogs.com/ry123/p/4616320.html
Copyright © 2011-2022 走看看