Question

我是Bootstrap-treeview的新手（bootstrap-treeview.js v1.0.2）。我正在尝试显示文档中给定的树，但它没有显示。

我已经检查了2个文件，没有发现错误。

html：

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <link rel="stylesheet" href="{% static 'bootstrap-treeview.min.css' %}">

        <title>test</title>
    </head>
    <body>
        <div class="container">
            <div id="tree"></div>
        </div>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <script src="https://code.jquery.com/jquery-2.1.3.min.js" integrity="sha256-ivk71nXhz9nsyFDoYoGf2sbjrR9ddh+XDkCcfZxjvcM=" crossorigin="anonymous"></script>
        <script src="{% static 'bootstrap-treeview.min.js' %}"></script>
        <script src="{% static 'functions.js' %}"></script>
    </body>
</html>

functions.js

function getTree() {
  var tree = [
      {
        text: "Parent 1",
        nodes: [
          {
            text: "Child 1",
            nodes: [
              {
                text: "Grandchild 1",
              },
              {
                text: "Grandchild 2",
              }
            ]
          },
          {
            text: "Child 2",
          }
        ]
      },
      {
        text: "Parent 2",
      }
    ];
  return tree;
}

$('#tree').treeview({data: getTree()});

Answer 1

您正在创建数组class MyMapPoint(){ String selectedLat, selectedLong; MyMapPoint(Long lat, Long long){ selectedLat = lat; selectedLong = long; } }，但是在tree函数中返回了data

引导程序树视图：树未显示

1 个答案: