如何在bootstrap-treeview中构建href？

Question

我正在使用bootstrap-treeview来显示我的数据的树状视图。初始和基本实现正在工作，但我需要它，当我单击文本值，我被重定向到链接。

呈现树的JS函数是：

function initTree(treeData) {
    $('#treeview_json').treeview({
        data: treeData,
        enableLinks: true
    });
    // collapses all nodes
    $('#treeview_json').treeview('collapseAll', { silent: true });
}

enableLinks: true节点属性呈现链接。但我在href属性上找不到任何文档或示例。

链接是否必须提供数据，还是可以通过javascript构建？

Answer 1

您将href作为节点属性传递（请参阅https://github.com/jonmiles/bootstrap-treeview#node-properties），因此它随数据一起提供：

var tree = [
  {
    text: "Parent 1",
    nodes: [
      {
        text: "Child 1",
        nodes: [
          {
            text: "Google",
            href: "https://www.google.com"
          },
          {
            text: "Twitter",
            href: "https://www.twitter.com"
          }
        ]
      },
      {
        text: "Facebook",
        href: "https://www.facebook.com"
      }
    ]
  }
];

检查此示例：https://jsfiddle.net/beaver71/bvpncxko/