jOrgChart插件生成组织结构图

      发布在:前端技术      评论:0 条评论
<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

相关文章
热门推荐