标签: bootstrap-treeview
Bootstrap treeview根据点击选择子项
我正在使用Bootstrap Treeview(bootstrap-treeview.js v1.0.2); 如何在点击root上激活根节点的所有chidren上的选择效果？
此代码段无法按预期工作
$('#tree')
.on('nodeSelected', function (event, node) {
children=node['nodes'];
for (var i = 0; i < children.length; i++) {
children[i].states.expanded = true;
children[i].states.selected = true;
}
});
这只适用于第一个孩子
$('#tree')
.on('nodeSelected', function (event, node) {
children=node['nodes'];
for (var i = 0; i < children.length; i++) {
nodeId=children[i]['nodeId'];
console.log(nodeId);
$('.node-tree[data-nodeid="'+nodeId+'"]').click();
}
});
5
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
Bootstrap-treeview 不会展开或折叠
这是我的 html 文件。
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Pimba na Bulita</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- FontAwesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"/>
<!-- My custom Css -->
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/main.css" />
<!-- TreeView -->
<link rel="stylesheet" type="text/css" href="assets/bootstrap-treeview/dist/bootstrap-treeview.min.css">
</head>
<body>
<div class="col-md-6" align="center">
<span>List of Recent records</span>
<div id="tree"></div>
</div>
<!-- JQUERY -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<!-- TreeView …4
推荐指数
推荐指数
1
解决办法
解决办法
4901
查看次数
查看次数
用于叶节点的 Bootstrap 树视图展开折叠图标
我正在使用bootstrap treeview。出于某种原因，甚至叶节点都有展开/折叠图标。我只想为非叶节点显示展开/折叠图标？
我正在使用以下配置：
$('#tree').treeview({data: scope.tree, showCheckbox: true});
$('#tree').treeview('collapseAll', { silent: true });
我确信必须有一个配置来启用禁用树视图中叶节点的展开/折叠图标。
3
推荐指数
推荐指数
1
解决办法
解决办法
3240
查看次数
查看次数
如何禁用 Bootstrap Treeview 的父节点复选框
我想保持我的父文件夹名称不可选中。但我无法在这里传递单个节点的选项。
我写了这样的代码。
$("#treeview-checkable").treeview({
data: root.attributeTopicList,
showIcon: true,
showCheckbox: true,
showBorder: false,
showTags: true,
});
};
2
推荐指数
推荐指数
1
解决办法
解决办法
5644
查看次数
查看次数
如何在引导树视图中获取所有选中的节点
我正在使用 boostrap treeview，https://github.com/jonmiles/bootstrap-treeview，我不知道如何获取所有已检查的节点
1
推荐指数
推荐指数
1
解决办法
解决办法
9672
查看次数
查看次数