javascript - 使用 Ajax 调用/延迟加载的 JSTree 搜索

Question

我在我的应用程序中使用 JSTree。

我无法通过 ajax 调用实现搜索功能。

这里是我尝试过的。

$(document).ready(function () {
    $("#jstree_demo_div").jstree({
        "core": {
            "data": {
                "url": "Tree/Index",
                "data": function (node) {
                    return { "id": node.id };
                }
            }
        },
        "search": {
            "url": "Tree/Index",
            "data": function (node) {
                return { "id": node };
            }
        },
        "plugins": ["search"],
    });

    $('#searchTree').on('click', function (event) {
        $("#jstree_demo_div").jstree('search', '1');
    });
});

每当我按下按钮时，它就会发生事件，之后不会对服务器进行调用。

我想要的是对搜索进行 ajax 调用并根据搜索完全重新创建 TreeView 。

我不明白我该怎么做？

我已经检查了以下链接。

JSTree API Documentation

jsTree search with Ajax/JSON not calling URL

在上面的 stackoverflow 问题中，我无法理解什么是“json_data”以及为什么以及如何使用它？

https://www.jstree.com 中没有一个例子使用名为“json_data”的变量。

请通过示例帮助我了解 JSTree Ajax 调用/延迟加载如何与搜索功能配合使用。

这对我很有帮助。提前谢谢你。

Answer 1

search.ajax.data 配置选项不能是一个函数 - 它应该是一个对象(就像一个普通的 jQuery AJAX 配置)，jstree 只会添加一个 str 该对象的属性。至于 GET 或 POST - 使用任何你想要的 - 所有你需要指定为 search.ajax 的是一个有效的 jQuery AJAX 配置。