Jstree change open close click 事件

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

继续上次的用法

  1. //当树加载完成后触发的事件
  2. $('#tree_2').on("ready.jstree", function (e, data) {
  3. //隐藏所有图标
  4. $('#tree_2').jstree().hide_icons();
  5. });
  6. $('#tree_2').on('changed.jstree', function (e, data) {
  7. //当前选中节点的Id--多选时只能得到第一个被选中的值
  8. var domId = data.instance.get_node(data.selected[0]).id;
  9. //当前选中节点的文本值-和上面方法一样只能的得到第一个被选中的值
  10. var value = data.instance.get_node(data.selected[0]).text;
  11. var ids = $('#tree_2').jstree().get_checked(); //获取所有选中的节点ID
  12. $('#city').val(ids);
  13. });
  14. //打开节点事件-当一个节点被展开时触发的事件
  15. $('#tree_2').on("open_node.jstree", function (e, data) {
  16. $("#tree_2 ul").first().addClass("jstree-container-add");
  17. });
  18. //关闭节点事件-当一个节点被关闭时触发的事件
  19. $('#tree_2').on("close_node.jstree", function (e, data) {
  20. //获取当前被关闭节点id
  21. var id = data.node.id;
  22. });
  23. //当前被选中节点Id,始终是当前被选中的节点id
  24. $('#tree_2').on("activate_node.jstree", function (obj, e) {
  25. // 获取当前节点
  26. var currentNode = e.node;
  27. var currentId = e.node.id;
  28. });
  29. //去除所有被选中的checkbox
  30. $('#tree_2').jstree("deselect_all");
  31. };

发表评论

表情:
评论列表 (有 0 条评论,414人围观)

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

相关阅读

    相关 DOM change 事件

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

    相关 JavaScript change 事件

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