easy ui treegrid是一種基于jquery和easy ui框架的樹(shù)形表格控件。它可以以樹(shù)形結(jié)構(gòu)顯示數(shù)據(jù)，并支持?jǐn)?shù)據(jù)的排序和過(guò)濾。而json是一種輕量級(jí)的數(shù)據(jù)格式，易于理解和生成。使用easy ui treegrid配合json數(shù)據(jù)，可以快速地展示出復(fù)雜的數(shù)據(jù)結(jié)構(gòu)。

使用easy ui treegrid展示json數(shù)據(jù)，需要遵循一定的格式。首先，需要在json數(shù)據(jù)的根節(jié)點(diǎn)上加一個(gè)“rows”屬性，該屬性對(duì)應(yīng)的值是一個(gè)數(shù)組，數(shù)組中的每一個(gè)元素都代表了一行數(shù)據(jù)。如果該行數(shù)據(jù)有子節(jié)點(diǎn)，則可以在該元素下添加一個(gè)“children”屬性，該屬性的值也是一個(gè)數(shù)組，數(shù)組中的每一個(gè)元素代表了一個(gè)子節(jié)點(diǎn)。

{
"rows":[
{
"id":1,
"name":"parent node 1",
"children":[
{
"id":2,
"name":"child node 1"
},
{
"id":3,
"name":"child node 2"
}
]
},
{
"id":4,
"name":"parent node 2",
"children":[
{
"id":5,
"name":"child node 3"
},
{
"id":6,
"name":"child node 4",
"children":[
{
"id":7,
"name":"grandchild node 1"
}
]
}
]
}
]
}

上述的json數(shù)據(jù)就可以很好地展示在easy ui treegrid中。使用treegrid的時(shí)候，只需要將json數(shù)據(jù)作為參數(shù)傳入treegrid的初始化方法中即可。

$('#treegrid').treegrid({
data: jsondata
});

上述代碼中，“treegrid”是treegrid的唯一id，而“jsondata”就是前面介紹的json數(shù)據(jù)。

總的來(lái)說(shuō)，easy ui treegrid和json是兩個(gè)非常實(shí)用的工具。它們結(jié)合起來(lái)，可以幫助我們更方便地呈現(xiàn)復(fù)雜的數(shù)據(jù)結(jié)構(gòu)。