Jstree change open close click 事件

朴灿烈づ我的快乐病毒、 2022-01-05 13:05 287阅读 0赞

继续上次的用法

//当树加载完成后触发的事件
        $('#tree_2').on("ready.jstree", function (e, data) {
            //隐藏所有图标
    		$('#tree_2').jstree().hide_icons();
         });
        $('#tree_2').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_2').jstree().get_checked(); //获取所有选中的节点ID
            $('#city').val(ids);
        });
        //打开节点事件-当一个节点被展开时触发的事件
        $('#tree_2').on("open_node.jstree", function (e, data) {
            $("#tree_2 ul").first().addClass("jstree-container-add");
        });
    
        //关闭节点事件-当一个节点被关闭时触发的事件
        $('#tree_2').on("close_node.jstree", function (e, data) {
            //获取当前被关闭节点id
    		var id = data.node.id;
        });
    
        //当前被选中节点Id，始终是当前被选中的节点id
         $('#tree_2').on("activate_node.jstree", function (obj, e) {
         // 获取当前节点
        	 var currentNode = e.node;
        	 var currentId = e.node.id;
         });
    
    	//去除所有被选中的checkbox 
    	 $('#tree_2').jstree("deselect_all");
    };

发表评论取消回复

表情：

评论列表（有 0 条评论，287人围观）

还没有评论，来说两句吧...

相关阅读

相关 onclick,click和onfocus，change区别

onclick和onfocus区别 1. onclick是在对象被鼠标点击或者选取时触发。 2. onfocus是在对象获得焦点时触发。（获得焦点可以通过鼠标点击或者

àì夳堔傛蜴生んèń/ 2022年12月02日 15:09/ 0 赞/ 141 阅读

相关 AngularJs --ng-click事件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

女爷i/ 2022年07月13日 21:16/ 0 赞/ 173 阅读

相关前端click事件及自定义事件

响应式页面开发常见的前端响应式开发有3套相应的解决方案： 1. bootstrap 的 columns 布局： 2. 使用全局的rem （页面所有元素

淩亂°似流年/ 2022年05月18日 05:04/ 0 赞/ 231 阅读

相关 jquery checkbox 选中、改变状态、change 和 click 事件

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] jquery判断checked的三种方法:

客官°小女子只卖身不卖艺/ 2022年03月28日 09:21/ 0 赞/ 598 阅读

相关 open,close系统调用

http://blog.chinaunix.net/space.php?uid=12567959&do=blog&id=161001 open系统调用 open

小鱼儿/ 2022年03月26日 15:26/ 0 赞/ 189 阅读

相关 click事件失效

在前台开发中发现DEMO中的下拉框click事件是可执行有效果的 ![20190215104438539.png][] ![watermark_type_ZmFuZ3

- 日理万妓/ 2022年03月19日 04:56/ 0 赞/ 337 阅读

相关 DOM change 事件

change事件当、、的值发生变化时触发。它与input事件的最大不同，就是不会连续触发，只有当全部修改完成时才会触发，另一方面input事件必然伴随change事件。具体来说

た入场券/ 2022年03月11日 13:37/ 0 赞/ 264 阅读

相关 Jstree change open close click 事件

继续上次的用法 //当树加载完成后触发的事件 $('tree_2').on("ready.jstree", function (e, data) {

朴灿烈づ我的快乐病毒、/ 2022年01月05日 13:05/ 0 赞/ 288 阅读

相关 jquery 移除click添加click事件

有事，我们在做web开发时，需要临时移除某个节点的click事件，然后再某些条件下再加上click事件，那么，这个需求该如何实现呢？首先，在html重定义click事件有两种方

阳光穿透心脏的1/2处/ 2021年06月22日 15:38/ 0 赞/ 670 阅读

相关 JavaScript change 事件

JavaScript change 事件 change具有改变的意思，change事件会在元素数据发生变化的时候触发。下面需要解决两个问题：（1）.事件针对哪些元素...

小灰灰/ 2020年06月02日 14:46/ 0 赞/ 601 阅读