jstree的点击事件，改变事件等

8704人阅读 2020/7/30 15:18 总访问：124979 评论：0 收藏：0 手机

分类: 前端

直接贴代码：
```
	//加载完成后触发的事件
    $('#tree_3').on("ready.jstree", function (e, data) {
        //隐藏所有图标
		$('#tree_3').jstree().hide_icons();
     });
    $('#tree_3').on('changed.jstree', function (e, data) {
        //当前选中节点的Id,多选时只能得到第一个被选中的值
        var domId = data.instance.get_node(data.selected[0]).id;
        //当前选中节点的文本值-和上面方法一样只能的得到第一个被选中的值
        var value = data.instance.get_node(data.selected[0]).text;
        var ids = $('#tree_3').jstree().get_checked(); //获取所有选中的节点ID
        $('#city').val(ids);
    });
    //打开节点事件,当一个节点被展开时触发的事件
    $('#tree_3').on("open_node.jstree", function (e, data) {
        $("#tree_3 ul").first().addClass("jstree-container-add");
    });

    //关闭节点事件,当一个节点被关闭时触发的事件
    $('#tree_3').on("close_node.jstree", function (e, data) {
        //获取当前被关闭节点id
		var id = data.node.id;
    });

    //当前被选中节点Id,始终是当前被选中的节点id
     $('#tree_3').on("activate_node.jstree", function (obj, e) {
     // 获取当前节点
    	 var currentNode = e.node;
    	 var currentId = e.node.id;
     });

	//去除所有被选中的checkbox 
	 $('#tree_3').jstree("deselect_all");
};
```

👈{{preArticle.title}}

👉{{nextArticle.title}}

评价

jstree的点击事件，改变事件等

{{titleitem}} {{titleitem}}

{{titleitem}} {{titleitem}}