<script type="text/javascript" src="agenttree/js/jquery.jOrgChart.js"></script>
<link rel="stylesheet" href="agenttree/css/jquery.jOrgChart.css"/>
<ul id="org" style="display:none">
<li>
总公司
<?php
//树形获取
function get_str($id = 0) {
global $str;
$sql = "select * from tgs_agent where sjdl= $id";
$result = mysql_query($sql);//查询pid的子类的分类
if($result && mysql_affected_rows()){//如果有子类
$str .= '<ul>';
while ($row = mysql_fetch_array($result)) { //循环记录集
$str .= '<li>';
$str .= "" . $row['id'] . "-" . $row['name'] . "</br>". $row['dengji'] .""; //构建字符串
get_str($row['id']); //调用get_str(),将记录集中的id参数传入函数中,继续查询下级
$str .= '</li>';
}
$str .= '</ul>';
}
return $str;
}
echo get_str(0);
?>
</li>
</ul>
<div id="org_chart">
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
$("#org").jOrgChart({
'chartElement':'#org_chart'
});
});
</script>
更多参考:https://github.com/selvamani-subramani/jOrgChart
相关文章