在javascript(jquery)的Combotree

时间:2012-04-09 12:13:11

标签: php javascript jquery css

我正在寻找一个在组合中启用显示树的组件(选择)。 类似的东西:http://www.jeasyui.com/demo/index.php

但是这个组件不允许直接导入JSON,只允许从文件。

它以这种方式运作:

$('#cc').combotree({  
        url:'tree_data.json'  
    });

我需要(伪代码):

$('#cc').combotree({  
        data:'[{"id":1,"text":"City","children":[{"id":11,"text":"Wyoming","children":[{"id":111,"text":"Albin"}]}]}]' 
    });

或(伪代码):

$('#cc').combotree({  
        data:'<?php $json_string; ?>'  
    });

有可能吗?或者你知道任何能够做到这一点的组件吗?

此致 克里斯

2 个答案:

答案 0 :(得分:1)

<?php

$obj = json_encode('['.json_encode($objects).']');
$jquery_obj = str_replace(",\\\"name\\\":", ",\\\"text\\\":", $obj);
print $jquery_obj;

?>

<script>
$(document).ready(function(){
var jq_data = $.parseJSON(<? print $jquery_obj; ?>);

$('#cc').combotree({  

    animate:true,
    data:jq_data
});

});

</script>
<select id="cc" class="easyui-combotree"></select>

答案 1 :(得分:0)

您是否尝试过data参数?文档说它应该工作。 (将数据作为数组提供,而不是字符串。)您还可以将数据作为ul列表提供。查看tree的文档。