jstree、json、ajax：递归搜索和选择

Question

我有 jstree 设置来通过 ajax 和 json 加载所有内容。脚本是否可以执行我的 ajax/json url 并在可能的情况下继续进行子搜索，如果它发现它打开所有子节点直到其可见并选择它（.jstree-单击）。如果不知道我可以从哪里开始，这样的功能是内置的吗？我对 javascript 不是最熟练的。 这是我的设置：

$("#jstFormMirror").jstree({
    "types" : { 
        "types" : { 
            "default" : { 
                "select_node" : function(e) {
                    this.toggle_node(e);
                    return true;
                } 
            }
        } 
    },
    "ui" : {
        "select_limit" : 1,
        "selected_parent_close" : "select_parent"
    },      
    "json_data" : {
        "progressive_unload" : true,
        "ajax" : {
            "url" : "/back-end/json/categories.json",
            "data" : function (n) {
                return { id : n.attr ? n.attr("id") : 0 }; 
            }
        }
    },
    "plugins" : [ "themes", "json_data", "types", "ui" ],
    "core": {
        "animation": 100
    }
}).bind("select_node.jstree", function(event, data) { 
    $("#category").val($(".jstree-clicked").parent().attr("rel"));
})

当脚本加载节点时，他是一个典型的 json 响应：

[
    {
        "attr": {
            "id": "87"
        },
        "data": {
            "title": "Bevel Clusters-Over 350 Designs",
            "attr": {
                "href": "#",
                "rel": "658"
            }
        },
        "state": "closed"
    },
    {
        "attr": {
            "id": "394"
        },
        "data": {
            "title": "Bevels, Straight Lines-Over 210 Shapes & Sizes",
            "attr": {
                "href": "#",
                "rel": "321"
            }
        },
        "state": "closed"
    }
]

我想执行：

$("#jstFormCategories").jstree("search", ID_HERE);

Answer 1

在这方面，DefiantJS 非常出色 (http://defiantjs.com)。
该库使用“搜索”方法扩展了全局对象 JSON，并使您能够使用 XPath 表达式搜索 JSON 结构。

要了解 XPath（一种标准化查询语言）有多么简单，请查看此工具；
http://www.defiantjs.com/#xpath_evaluator

这是一个工作小提琴；
http://jsfiddle.net/hbi99/vV43F/

var data = [
     {
        "attr": {
           "id": "87"
        },
        "data": {
           "title": "Bevel Clusters-Over 350 Designs",
           "attr": {
              "href": "#",
              "rel": "658"
           }
        },
        "state": "closed"
     },
     {
        "attr": {
           "id": "394"
        },
        "data": {
           "title": "Bevels, Straight Lines-Over 210 Shapes & Sizes",
           "attr": {
              "href": "#",
              "rel": "321"
           }
        },
        "state": "closed"
     }
  ],
  res = JSON.search( data, '//*[id=394]/../data' );

console.log( res[0].title );