ExtJS4是一款非常強大的JavaScript框架，它能夠幫助前端開發人員快速構建各種復雜的Web應用。其中treepanel是ExtJS中的一個非常實用的組件，它可以用來顯示樹形結構的數據。而JSON（JavaScript Object Notation）則是一種輕量級的數據交換格式，非常適合用于前后端數據交互。

在ExtJS4中，我們可以使用treepanel和JSON相結合的方式來展示樹形結構的數據。具體的實現步驟如下：

<script type="text/javascript">Ext.onReady(function() {
var store = Ext.create('Ext.data.TreeStore', {
proxy: {
type: 'ajax',
url: 'tree_data.json'
},
root: {
text: 'Root Node',
expanded: true
},
autoLoad: true
});
var treepanel = Ext.create('Ext.tree.Panel', {
renderTo: Ext.getBody(),
store: store,
width: 500,
height: 400,
title: 'Tree Panel Example'
});
});
</script>

上面的代碼中，我們首先創建了一個treepanel組件，然后通過Ext.create()方法創建一個數據存儲庫。在數據存儲庫中，我們通過Ajax代理來獲取JSON格式的數據，并將其存儲在root節點中。最后，我們將這個數據存儲庫和treepanel組件綁定在一起。

下面是一個示例的tree_data.json文件的內容：

{
"text": "Root Node",
"expanded": true,
"children": [{
"text": "Child Node 1",
"leaf": true
},{
"text": "Child Node 2",
"leaf": true
},{
"text": "Child Node 3",
"expanded": true,
"children": [{
"text": "Child Node 31",
"leaf": true
},{
"text": "Child Node 32",
"leaf": true
}
]
}
]
}

在上面的JSON數據中，我們定義了一個根節點，下面有三個子節點。其中，第三個節點還擁有兩個子節點。這樣，我們就成功地在ExtJS4中展示了一個樹形結構的數據。