javascript - 如何在 bootstrap-treeview 中构建 href？

Question

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

渲染树的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/