easyui comboxtree是一款基于jQuery的插件，可以方便地在網(wǎng)頁中創(chuàng)建下拉菜單和樹形結(jié)構(gòu)。而使用json來初始化comboxtree則可以更加靈活地控制樹形結(jié)構(gòu)的展示。

下面是一個基于json數(shù)據(jù)的comboxtree的示例：

<script>
$(function(){
$('#tt').combotree({
url: 'tree_data.json',
method: 'get',
valueField: 'id',
textField: 'text',
editable: false,
onLoadSuccess: function(node, data){
if(data.length >0){
$(this).combotree('setValue', data[0].id);
}
}
});
});
</script>

可以看到，此處的comboxtree是使用了一個json文件‘tree_data.json’來初始化的。而下面是此json文件的內(nèi)容：

[
{
"id":1,
"text":"家電",
"children":[
{
"id":11,
"text":"電視"
},
{
"id":12,
"text":"洗衣機(jī)"
},
{
"id":13,
"text":"空調(diào)"
}
]
},
{
"id":2,
"text":"手機(jī)",
"children":[
{
"id":21,
"text":"蘋果"
},
{
"id":22,
"text":"華為"
},
{
"id":23,
"text":"小米"
}
]
}
]

從json文件中可以看到，此處的comboxtree被初始化為一個帶有兩個根節(jié)點的樹形結(jié)構(gòu)。每個節(jié)點都帶有一個id和text屬性，葉子節(jié)點還可以包含children屬性，表示該節(jié)點下還有子節(jié)點。

通過這樣的方式，我們可以根據(jù)需要自定義comboxtree的樹形結(jié)構(gòu)，從而更加靈活地滿足不同的需求。