Bootstrap Tree控件是一個用于展示樹形結構數據的插件。您可以使用以下步驟來使用Bootstrap Tree控件:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="bootstrap-treeview.min.css">
<script src="bootstrap-treeview.min.js"></script>
<div id="tree"></div>
$(function() {
var treeData = [
{
text: "Node 1",
nodes: [
{
text: "Node 1.1"
},
{
text: "Node 1.2"
}
]
},
{
text: "Node 2"
}
];
$('#tree').treeview({
data: treeData
});
});
var newTreeData = [
{
text: "New Node 1"
},
{
text: "New Node 2"
}
];
$('#tree').treeview('setData', newTreeData);
通過上述步驟,您就可以成功使用Bootstrap Tree控件來展示樹形結構數據了。您可以根據自己的需求調整插件的配置和樣式。