ExtJS樹是一個(gè)常用的UI組件，可以用于展示樹形結(jié)構(gòu)的數(shù)據(jù)。在使用ExtJS樹時(shí)，需要傳入數(shù)據(jù)，而更多的情況下，我們需要從后端獲取json數(shù)據(jù)。接下來，我們將介紹如何利用ExtJS樹獲取json數(shù)據(jù)。

首先，在ExtJS中，我們可以通過Ext.data.TreeStore來獲取json數(shù)據(jù)。例如：

Ext.create('Ext.data.TreeStore', {
proxy: {
type: 'ajax',
url: 'tree.json'
},
root: {
expanded: true
}
});

其中，type為ajax表示使用ajax方式獲取數(shù)據(jù)，url為后端的請(qǐng)求地址，root為設(shè)置根節(jié)點(diǎn)，這里設(shè)置為expanded為true，表示默認(rèn)展開。

接下來，我們需要?jiǎng)?chuàng)建Ext.tree.Panel來顯示樹形結(jié)構(gòu)。例如：

Ext.create('Ext.tree.Panel', {
title: 'ExtJS Tree',
store: Ext.create('Ext.data.TreeStore', {
proxy: {
type: 'ajax',
url: 'tree.json'
},
root: {
expanded: true
}
}),
rootVisible: false,
renderTo: Ext.getBody()
});

其中，store同上述例子，rootVisible為false，表示不顯示根節(jié)點(diǎn)，最后將tree.Panel渲染到頁面上。

以上就是利用ExtJS樹獲取json數(shù)據(jù)的方法，通過TreeStore可以輕松獲取json數(shù)據(jù)，并使用Tree.Panel進(jìn)行展示。