easyui treegrid是一款非常優(yōu)秀的樹形表格插件，在進行數(shù)據(jù)綁定時可以使用json數(shù)據(jù)，下面來分享一下如何使用json來綁定easyui treegrid。

$('#treegrid').treegrid({
url: 'getData.json',
idField: 'id',
treeField: 'name',
columns:[[{
title:'名稱',
field:'name',
width:180
},{
title:'數(shù)量',
field:'num',
width:80,
align:'right'
},{
title:'價格',
field:'price',
width:80,
align:'right'
}]],
onLoadSuccess: function(row) {
$(this).treegrid('collapseAll');
}
});

上述代碼中，我們使用了url參數(shù)指定了json數(shù)據(jù)的地址，idField參數(shù)指定節(jié)點id的字段，treeField參數(shù)指定顯示節(jié)點名稱的字段，columns參數(shù)指定了列的信息。

最后，我們還可以使用onLoadSuccess事件，來在樹形結(jié)構(gòu)加載完畢后，將節(jié)點全部折疊起來，以保證頁面初始狀態(tài)不會出現(xiàn)混亂。