如何将数据传递给 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();

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

How to pass data to bootstrap-treeview?

javascript

jquery

json

bootstrap-treeview