使用模型信息填充 JSTree 中的 AJAX url

Question

我正在使用 ajax 命令填充 JSTree 视图。我当前的 JS 代码如下

$(document).ready(function() {
        $("#navigation").jstree({
            "json_data": {
                "ajax": {
                    "url": function (node) {
                        var nodeId = "";
                        var url = "";
                        if (node == -1) {
                            url = "@Url.Action("BaseTreeItems", "Events")";
                        } else {
                            nodeId = node.attr('id');
                            url = "@Url.Action("EventTreeItems", "Events")" +"?selectedYear=" + nodeId;
                        }
                        return url;
                    },
                    "dataType": "text json",
                    "contentType": "application/json charset=utf-8",
                    "data": function(n) { return { id: n.attr ? n.attr("id") : 0 }; },
                    "success": function() {
                    }
                }
            },
            "themes": {
                "theme": "classic"
            },
            "plugins": ["themes", "json_data", "ui"]
        });
    });

我想从“ajax”属性中删除 if 语句，并用来自服务器的 JSON 数据填充它。 JSON 数据如下所示

[{"data":{"title":"2012","attr":{"href":"/Events/EventList?selectedYear=2012"}},"attr":{"id":"2012","selected":false,"ajax":"/Events/EventTreeItems?selectedYear=2012"},"children":null,"state":"closed"},.....]

如何将 json 中的“ajax”属性提供给 JSTree 中的“ajax”属性？

Answer 1

为了将来的参考，我通过执行以下操作修复了它

.jstree({
            "json_data": {
                "ajax": {
                    "url": function (node) {
                        var url;
                        if (node == -1) {
                            url = "@Url.Action("BaseTreeItems", "Events")";
                        } else {
                            url = node.attr('ajax');
                        }
                        return url;
                    },
                    "dataType": "text json",
                    "contentType": "application/json charset=utf-8",
                    "data": function(n) { return { id: n.attr ? n.attr("id") : 0, ajax: n.attr ? n.attr("ajax") : 0 }; },
                    "success": function() {
                    }
                }
            },