JQuery-UI是一個jQuery插件集合，包括可擴展的用戶界面組件，例如datepicker，progressbar和treeview。

其中treeview是一個用于展示樹形結構的插件。通過使用此插件，用戶可以快速創建帶有父子關系的樹形結構來展示數據。

$(document).ready(function(){
$('#treeview').jstree({
"plugins" : ["wholerow", "checkbox"]
});
});

在上面的代碼中，我們使用了jstree()函數來初始化treeview，并通過plugins選項來啟用樣式，并支持checkbox。

另外，在HTML代碼中，我們需要創建一個具有唯一標識符id的div元素來作為treeview的容器。

<div id="treeview">
<ul>
<li>Parent Node</li>
<li>Parent Node</li>
<ul>
<li>Child Node1</li>
<li>Child Node2</li>
</ul>
</ul>
</div>

在ul元素中，我們創建了一個父級節點和兩個子級節點。由于treeview是一個可擴展的組件，所以我們可以輕松地向樹形中添加更多的節點，或者是通過數據綁定來自動生成節點。

一旦我們完成了treeview的初始化，我們就可以在代碼中使用select_node()和deselect_node()函數來選中或取消選中節點，或者使用get_selected()函數來獲取當前選中的節點。

總之，使用JQuery-UI中的treeview插件，可以使展示數據變得更加直觀和易于理解。無論是通過靜態HTML代碼手動創建節點，還是通過動態綁定數據來生成節點，都可以使用該插件來輕松實現。