extjs是一款強大的JavaScript框架，其中的json tree組件能幫助我們構建一個可折疊的層級樹結構。以下是一個用json tree組件實現的示例：

Ext.onReady(function(){
//定義一個根節點
var rootNode = new Ext.tree.AsyncTreeNode({
text: '中國',
id: 1,
expanded: true,
children: [{
text: '江蘇',
id: 2,
leaf: false,
children: [{
text: '南京',
id: 3,
leaf: true
},{
text: '蘇州',
id: 4,
leaf: true
}]
},{
text: '廣東',
id: 5,
leaf: false,
children: [{
text: '廣州',
id: 6,
leaf: true
},{
text: '深圳',
id: 7,
leaf: true
}]
}]
});
//創建一個tree對象
var tree = new Ext.tree.TreePanel({
renderTo: 'tree-div',
useArrows: true,
autoScroll: true,
animate: true,
width: 300,
height: 500,
border: false,
root: rootNode
});
});

在代碼中，我們首先定義了一個根節點，然后可以通過children屬性對其進行擴展，以實現多層級的樹結構。經過定義后，我們創建了一個tree對象，并將其掛在了某個頁面元素上。除此之外，還可以為tree組件設置一些其他的屬性，比如使用箭頭、自動滾動、動畫效果等等，以滿足各種不同的需求。