Как передать данные в bootstrap-treeview?

Question

Я использую bootstrap-treeview для построения моего дерева.

Мне нужно передать массив JavaScript-объектов в виде данных, в bootstrap-tree view.

Я бросил вызов древовидной структуре на стороне сервера, чтобы построить дерево и сериализовать его в строку Json. Затем я передаю строку Json клиенту через вызов AJAX:

// 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 отладчик

Как видно выше, я также попытался передать: 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();