使用Ajax / JSON进行jsTree搜索而不是调用URL
我非常感谢以下方面的一些帮助：
我有一个通过URL加载JSON数据的jsTree。 所有数据都已预加载。
我需要做的是更改搜索function，根据用户输入通过AJAX用新的JSON数据重新加载整个树（因为我需要在后端进行更复杂的节点搜索）。
作为一个开始，我想要做的是获取jsTree代码来调用我的URL。 我开始使用与最初加载树相同的URL。
但是 – 这是我无法找到解决方案的问题 – 虽然成功调用URL以首先加载树，但当我键入一些搜索文本并单击“搜索”时，jsTree使用其正常的内部搜索来突出显示节点，但是我提供的URL永远不会再被调用。
HTML是
我正在使用的jsTree初始化是：
var url = ; $("#myJsTree").jstree({ "json_data" : { async : true, "ajax" : { "url" : url } }, "search": { "case_insensitive" : true, "ajax" : { "url" : url } }, 'ui' : { 'select_limit' : 1, 'initially_selected' : [${myId}], }, "plugins" : [ "json_data", "search", "sort", "ui", "themeroller" ], });
以及搜索代码片段：
$("#searchTree").click(function() { $("#myJsTree").jstree("search", $("#treeSearchText").val()); return false; });
我真的很感激任何帮助。
谢谢。
你最终得到了解决方案吗？
我现在正在做同样的事情 – search插件选项的ajax部分就像jQuery ajax选项一样，对我来说我指定了type: "POST" ，一个success函数和dataType: "JSON" ，我的成功函数是在我的控制台中记录结果。
从手册 （不是世界上最好的手册），对于匹配的每个搜索结果，您需要指定它的路径，而不包括匹配的节点ID。 然后，jsTree将加载您提供的路径，内置突出显示将与文本匹配。 例如，如果您的搜索匹配的条目位于#secondchild节点（向下3个级别），那么您需要将其传递给jsTree，以便在搜索中加载该结果：
Array[ '#rootnode', '#firstchild', '#secondchild' ]
这将使用您已经指定的标准数据检索方法加载这三个节点（如果它们尚不存在于DOM中）。 通过对您所追踪的路径进行硬编码来查看其工作原理，对您的JSON结果进行一些测试。
注意：如果您在Ajax请求中定义了success方法，则需要返回方法中获得的数据对象，这将允许jsTree解析它并执行其操作。 在我的情况下，我有console.log(data) ，它没有做任何事情，因为我之后没有返回数据。
编辑
我解决了我的问题，而不是返回包含每个匹配元素的路径的多个数组，您需要返回包含唯一节点ID的单级数组，并且搜索插件按预期解析它并在客户端搜索之前加载新的数组执行。
请参阅此处获取我的解释： https ： //stackoverflow.com/a/20316921/2812842