在jsTree中,如何按节点ID获取节点信息?

Sta*_*low 4 javascript jquery jquery-plugins jquery-selectors jstree

在jsTree中,如何按节点ID获取节点信息?

我知道跟随节点的id,即295然后如何获得完整的节点信息

<item id="295" parent_id="192" title="itemTitle"   version="1">    
            <content><name>Bhushan Sambhus</name></content>  
</item> 
Run Code Online (Sandbox Code Playgroud)

上面渲染成jsTree的xml部分如下

    $("#treeViewDiv").jstree({ 
        "xml_data" : {
            "data" : "" + 
"<root>" + 
    "<item id="295" parent_id="192" title="itemTitle"   version="1">"+    
            "<content><name>Bhushan Sambhus</name></content>  "+
     "</item>"
        }
        "plugins" : [ "themes", "xml_data","ui" ]
    });
Run Code Online (Sandbox Code Playgroud)

像跟随psudo代码的东西

 function getNodeByNodeID(node_id){
          // some code
          // $.jstree.get_node ...... etc ?
          // 
           return relatedNodeInformation;
        }




var nodeInfo =  getNodeByNodeID(providedNodeID) // psudo code
      // any api in jstree to get nodeInfo by  providedNodeID?


       var parent_id_value = nodInfo.attr("parent_id");    
       var title_value     = nodInfo.attr("title");    
       var version_value   = nodInfo.attr("version");
       var node_name       = nodInfo.children("a").text()
alert(parent_id_value+" :: "+title_value+" :: "+version_value+" :: "+node_name);
Run Code Online (Sandbox Code Playgroud)

输入:295

输出:192 :: node_name :: 1 :: node_name

任何有关此事的帮助或指导将不胜感激

Dan*_*ock 9

如果我正确理解你的问题,你可以像这样完成你想做的事情:

var nodInfo = $("#" + providedNodeId);

var parent_id_value = nodInfo.attr("parent_id");    
var title_value     = nodInfo.attr("title");    
var version_value   = nodInfo.attr("version");
var node_name       = nodInfo.children("a").text();

alert(parent_id_value+" :: "+title_value+" :: "+version_value+" :: "+node_name);
Run Code Online (Sandbox Code Playgroud)


Fro*_*nce 5

只是想帮助保持答案最新。使用 jstree 3.1.0,使用以下代码获取节点对象(不是 DOM 对象):

var treeMain;  // reference holder

$(document).ready( function () {           // when the DOM is ready
     treeMain = $('#treeMenus').jstree();  // create the tree and get the reference
});

function getNode( sNodeID)
{
    return $.jstree.reference(treeMain).get_node(sNodeID);  // use the tree reference to fetch a node
}
Run Code Online (Sandbox Code Playgroud)

我在 StackOverflow 上看到了这个问题的几个答案,它们都在谈论返回到树项的 DOM 对象。我敢打赌,问这个问题的大多数人真的想回到树项的底层 JSON 数据对象,这就是为什么他们说他们想要节点对象(具有 .original 属性)。具体来说,您需要使用它来实现诸如“创建”功能之类的功能,您需要创建一个新的 JSON 数据对象,其 ParentID 设置为父 JSON 数据对象的 ID。我搜索了 2 天,在 jstree 文档中没有找到任何明确的解释:

$.jstree.reference(treeMain).get_node(sNodeID);
Run Code Online (Sandbox Code Playgroud)

简单的调用。在他们的辩护中,他们确实有一个埋藏在这里的 1 行示例:

http://www.jstree.com/docs/interaction/

但这是一个大多数人不会关心的例子(用户大部分时间都会选择节点),当然也不清楚它实际上能够做什么。无论如何......希望这有助于拯救别人几天。=)