jstree获得节点的相对路径

                                                                                            jstree点击节点获得节点的相对路径

在上一篇博文“jstree json data的生成”中,我们已成能够把一个目录生成相应的json字符串,存在E:/root.json中,在这篇博文中我们将实现把root.json作为数据源,生成目录树。并且点击目录树上的任意一个节点能够获得相对于根节点的路径。效果如下:

生成的目录树:

jstree获得节点的相对路径_第1张图片

点击节点“test1.1.txt”获得它的相对路径:“test1/test1.1.txt”

jstree获得节点的相对路径_第2张图片

实现的代码如下:




  
  
  
  
  jsTree test
  
  


  
  

关键内容分析:获得节点的相对路径:用的是 get_path这个API 。官方链接:http://www.jstree.com/api/#/?f=get_path%28obj%20[,%20glue,%20ids]%29

jstree获得节点的相对路径_第3张图片

它是这样用的:

 .on('changed.jstree', function (e, data) {     alert (data.instance.get_path(data.selected[0],"/",0));
      })





你可能感兴趣的:(jstree)