编程语言
首页 > 编程语言> > javascript-如何在引导树视图中构建href?

javascript-如何在引导树视图中构建href?

作者:互联网

我正在使用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构建?

解决方法:

您将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/

标签:twitter-bootstrap-3,treeview,javascript
来源: https://codeday.me/bug/20191109/2012534.html