如何将数据传递给 bootstrap-treeview？

Question

我正在使用bootstrap-treeview 来构建我的树形视图。

我需要将一组 JavaScript 对象作为数据传递给 bootstrap-treeview。

我已经在服务器端构建树结构并将其序列化为 Json 字符串。然后我通过 AJAX 调用将 Json 字符串传递给客户端：

// Tree object
public class MyTree
{
    public string text { get; set; }
    public List<MyTree> nodes { get; set; }
}

// I build the tree, and serialize it like this to be returned to JavaScript like this:
return JsonConvert.SerializeObject(treeObject);

这是我用于构建树的 JavaScript 代码。我想将树作为数据传递给 bootstrap-treeview：

function getTree() {
    $.getJSON("/api/GetTree", function (tree) {
        return tree;

        // I have tried this as well but did not work:
        // var res = JSON.parse(tree);
        // return res;
    });
}

$('#MyTree').treeview({
    data: getTree(),
    enableLinks: true,
    showBorder: false
});

这是我在 AJAX 调用中从服务器收到的值的屏幕截图：

Chrome debugger screenshot

如上所示，我也尝试过传递：JSON.parse(tree);，但它也没有显示数据。

Answer 1

编辑并尝试：

function getTree() {
    $.getJSON("/api/GetTree", function (tree) {
      $('#MyTree').treeview({
        data: tree,
        enableLinks: true,
        showBorder: false
      });
        // I have tried this as well but did not work:
        // var res = JSON.parse(tree);
        // return res;
    });
}

getTree();