Question

我正在使用.net核心应用程序，我正在使用Bootstrap Treeview。以下是设置我的树的javascript的一部分：

       var tree = [
    {
        text: "Assets",
        href: "http://localhost:63690/asset/index",
        nodes: [
        {
            text: "Barcode"
        },
        {
            text: "Importation"
        }
        ]
    },
    {
        text: "Inventory",
        nodes: [
        {

这是我的观点中的标记：

<div id="tree" class="treeview"></div>

基于this page的信息，我应该能够将URL放在href属性中。但是当我运行应用程序时，没有链接或锚点被渲染，当我点击我的资产节点时没有任何反应。我错过了什么？

我还添加了以下内容来生成树视图：

 $('#tree').treeview({
        data: tree,
        levels: 5,
        backColor: 'white',
        expandIcon: "glyphicon glyphicon-triangle-right",
        collapseIcon: "glyphicon glyphicon-triangle-bottom",
        showBorder: false
    });

Answer 1

我遇到了同样的问题，我在项目文档中找到了解决方案。

enableLinks

布尔值。默认值：false

是否将节点文本显示为超链接。 href的值   必须在每个节点的数据结构中提供。

因此，您应该在代码中添加enableLinks: true，如下所示：

 $('#tree').treeview({
    data: tree,
    levels: 5,
    backColor: 'white',
    expandIcon: "glyphicon glyphicon-triangle-right",
    collapseIcon: "glyphicon glyphicon-triangle-bottom",
    showBorder: false,
    enableLinks: true
});

Bootstrap Treeview的href属性不呈现链接

1 个答案: