代码之家  ›  专栏  ›  技术社区  ›  user9157250

如何将数据传递到引导树视图?

  •  1
  • user9157250  · 技术社区  · 7 年前

    我正在使用 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); 但它也没有显示数据。

    1 回复  |  直到 7 年前
        1
  •  1
  •   Gitesh Purbia    7 年前

    编辑并尝试以下操作:

    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();