最近我使用easyui tree時遇到一個問題,就是無法將數據以json格式展示在樹上。我發現這個問題是由于數據格式不正確引起的。
首先,我們需要確保數據是以json格式提供的。在使用easyui tree時,我們可以使用jQuery的getJSON方法從服務器獲取json數據:
$("tree").tree({ url: "data.json" });
這里,我在樹上使用data.json作為數據源。如果數據源未經過格式化,它將無法在easyui tree上正確地展示。我們需要確保數據是以下列方式提供的:
[ { "id": 1, "text": "Node 1", "children": [ { "id": 11, "text": "Node 11" }, { "id": 12, "text": "Node 12" } ] }, { "id": 2, "text": "Node 2" } ]
上述數據中,每個節點都必須具有一個唯一的ID,以及文本和(可選地)子節點。確保數據格式正確后,我們可以使用如下代碼在樹上展示數據:
$("tree").tree({ data: [ { "id": 1, "text": "Node 1", "children": [ { "id": 11, "text": "Node 11" }, { "id": 12, "text": "Node 12" } ] }, { "id": 2, "text": "Node 2" } ] });
這樣,我們就可以在easyui tree上正確地展示json數據了。