如何禁用 Bootstrap Treeview 的父节点复选框

Hab*_*san 2 javascript treeview jquery bootstrap-treeview

我的树视图示例

我想保持我的父文件夹名称不可选中。但我无法在这里传递单个节点的选项。

我写了这样的代码。

$("#treeview-checkable").treeview({
        data: root.attributeTopicList,
        showIcon: true,
        showCheckbox: true,
        showBorder: false,
        showTags: true,
    });

};
Run Code Online (Sandbox Code Playgroud)

Hab*_*san 5

我必须在 bootstrapp-treeview.js 文件中添加一些行

代码看起来像这样

流程-->>

  • 进入 bootstrapp_treeview.js

  • 看看它的渲染函数是如何工作的

  • 你会发现,在 Treeview 触发任何事件或对 DOM 进行任何更改后,它会调用其 render 方法
  • 你会在第 486 行找到 render 方法
  • 如果您以这样的方式编写代码,您的父节点不应该有复选框,只需编写

        for (var i = 0; i < $(".glyphicon-minus").length; i++)
        {
            $($(".glyphicon-minus")[i]).siblings(".check-icon").hide();
        }
        for (i = 0; i < $(".glyphicon-plus").length; i++){
            $($(".glyphicon-plus")[i]).siblings(".check-icon").hide();
        }
    
    Run Code Online (Sandbox Code Playgroud)