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

  • 相关阅读:
    C#微信开发文档
    XML相关操作
    css基本样式总结
    CSS选择器及其优先级
    Java学习之路(七)
    G2( bizCharts ) React 绘制混合图例
    G2 绘制混合图例 demo
    python 前后端分离 简单的数据库返回接口
    nginx 跨域
    react-router-dom
  • 原文地址:https://www.cnblogs.com/ry123/p/4616320.html
Copyright © 2011-2022 走看看