jquery – 使用Ajax / JSON搜索jsTree而不调用URL

前端之家收集整理的这篇文章主要介绍了jquery – 使用Ajax / JSON搜索jsTree而不调用URL前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我非常感谢以下方面的一些帮助:

我有一个通过URL加载JSON数据的jsTree.所有数据都已预加载.

我需要做的是更改搜索功能,根据用户输入通过AJAX用新的JSON数据重新加载整个树(因为我需要在后端进行更复杂的节点搜索).

首先,我要做的是获取jsTree代码调用我的URL.我开始使用与最初加载树相同的URL.

但是 – 这是我无法找到解决方案的问题 – 虽然成功调用URL以首先加载树,但当我键入一些搜索文本并单击“搜索”时,jsTree使用其常规内部搜索来突出显示节点,但是我提供的URL永远不会再被调用.

HTML是

我正在使用的jsTree初始化是:

var url = 

以及搜索代码片段:

$("#searchTree").click(function() {
    $("#myJsTree").jstree("search",$("#treeSearchText").val());
    return false;
});

我真的很感激任何帮助.

谢谢.

最佳答案
你最终得到了解决方案吗?

我现在正在做同样的事情 – 搜索插件选项的ajax部分就像jQuery ajax选项一样,对我来说我指定了类型:“POST”,成功函数和dataType:“JSON”,我的成功函数是在我的控制台中记录结果.

From the manual(不是世界上最好的手册),对于匹配的每个搜索结果,您需要指定它的路径而不包括匹配的节点ID.然后,jsTree将加载您提供的路径,内置突出显示将与文本匹配.例如.如果您的搜索匹配的条目位于#secondchild节点(3个级别),那么您需要将其传递给jsTree,以便在搜索中加载该结果:

Array[ '#rootnode','#firstchild','#secondchild' ]

这将使用您已经指定的标准数据检索方法加载这三个节点(如果它们尚不存在于DOM中).使用您的JSON结果进行一些测试,通过硬编码您之后的路径来查看它的工作原理.

注意:如果您在Ajax请求中定义了成功方法,则需要返回您在方法中获得的数据对象,这将允许jsTree解析它并执行其操作.在我的情况下,我有console.log(数据),它没有做任何事情,因为我之后没有返回数据.

EDIT

解决了我的问题,而不是返回包含每个匹配元素的路径的多个数组,您需要返回包含唯一节点ID的单级数组,并且搜索插件按预期解析它并在客户端搜索之前加载新的数组执行.

请看这里我的解释:https://stackoverflow.com/a/20316921/2812842

猜你在找的jQuery相关文章