javascript – 在单击父节点时展开jsTree节点

前端之家收集整理的这篇文章主要介绍了javascript – 在单击父节点时展开jsTree节点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用jsTree实现一个非常简单的树.我发现文件密集和压倒性.

现在,我通过点击这里所示的箭头展开/折叠一个节点:

我想通过点击节点名称来扩展/折叠:

我使用的代码很简单;我没有改变jsTree的javascript

<ul id="tree">
   <li>
      SubFolder1
      <ul id="tree">
         <li data-jstree='{"icon":"/Images/blue-folder.png"}'>Pub 1</li>
      </ul>
   </li>
</ul>

解决方法

只需在你的html文件添加一个事件监听器并调用toggle_node函数.下面的代码监听一次单击.
$(document).ready(function(){
  $('#jstree_div').on("select_node.jstree",function (e,data) { $('#jstree_div').toggle_node(data.node); });
}

如果您想要双击,您需要另一个事件侦听器,因为jsTree不支持双击事件.

$('#jstree_div').on("dblclick",function (e) { 
  var li = $(e.target).closest("li");
  var node = $('#jstree_div').get_node(li[0].id);

  $('#jstree_div').toggle_node(node)
});

希望有帮助.

原文链接:https://www.f2er.com/js/153267.html

猜你在找的JavaScript相关文章