xtree树 带根节点和不带根节点的遍历 （带链接的遍历）

1、CI框架 后台查询

        function projectItem(){           
         

            $query = $this->db->query("SELECT ConstrProjID, ConstrProjName,KindLvl,PLeft,ParentID FROM ConstrProj where PLeft >1 ORDER BY PLeft ");   
          
            $data['arr'] = $query->result_array(); 

            $this->load->view('project/projectItem',$data);
          
        }

2、带根节点 显示

<script type="text/javascript">
if (document.getElementById) { 
	
  <?php 
							if($arr){
								$i = 0;
								foreach ($arr as $value){
									echo "var note".$value['ConstrProjID']." = new WebFXTreeItem('".$value['ConstrProjName']."');\r\n";
									$i = $i +1;
									// var_dump($value['KindLvl']);
									// echo "11111111111";

									if($value['KindLvl']=="1"){
										if($i == 1){
											echo "var tree = new WebFXTree('".$value['ConstrProjName']."');";
											echo "tree.setBehavior('classic');";
										}else{
											echo "document.write(tree);";
											echo "var tree = new WebFXTree('".$value['ConstrProjName']."');";
										}
									}else if ($value['KindLvl']=="2"){
										echo "tree.add(note".$value['ConstrProjID'].");\r\n";
									}else{
										echo "note".$value['ParentID'].".add(note".$value['ConstrProjID'].");\r\n";	
									}
								}
							}
						?>
						document.write(tree);
						tree.expandAll();

}
</script>

3、不带根节点显示

<script type="text/javascript">
                     
 
// var tree_gen="<?php echo $arr[0]['ConstrProjName'];?>";  
// var tree_len="<?php echo count($arr);?>"                  

// var arr = <?php echo json_encode($arr) ?>;                


if (document.getElementById) {
						var tree = new WebFXTree('工程建名');
						tree.setBehavior('classic');
						<?php 
							if($arr){
								foreach ($arr as $value){
									echo "var note".$value['ConstrProjID']." = new WebFXTreeItem('".$value['ConstrProjName']."');\r\n";
									if ($value['KindLvl']=="1"){
										echo "tree.add(note".$value['ConstrProjID'].");\r\n";
									}else{
										echo "note".$value['ParentID'].".add(note".$value['ConstrProjID'].");\r\n";	
									}
								}
							}
						?>
						document.write(tree);
						tree.expandAll();
					}


//document.write("999");
</script>

带链接的遍历  (tree和子节点在同一张表时)

						<script type="text/javascript">
                     
 
// var tree_gen="<?php echo $arr[0]['ConstrProjName'];?>";  
// var tree_len="<?php echo count($arr);?>"                  

// var arr = <?php echo json_encode($arr) ?>;                


if (document.getElementById) {
						var tree = new WebFXTree('工程建名');
						tree.setBehavior('classic');
						<?php 
							if($arr){
								foreach ($arr as $value){
									echo "var note".$value['ConstrProjID']." = new WebFXTreeItem('".$value['ConstrProjName']."');\r\n";
									echo "note".$value['ConstrProjID'].".action=\"".$value['PLeft']."\";";
									if ($value['KindLvl']=="1"){
										//echo "action";
										//echo "note".$value['ConstrProjID']".".action=\"aaa\";";
										echo "tree.add(note".$value['ConstrProjID'].");\r\n";
									}else{
										//echo "note".$value['ParentID']".".action=."aaa";
										echo "note".$value['ParentID'].".add(note".$value['ConstrProjID'].");\r\n";	
									}
								}
							}
						?>
						document.write(tree);
						tree.expandAll();
					}


//document.write("999");
</script>

====

带链接的遍历  (tree和子节点不在同一张表时)

	
最外层加tree  
第二层加3级节点  （<span style="color:#FF0000;">它们两个是各加各的，互不影响，外层个数就是二层的层数</span>）						

写成脚本 php， 可以include加载到任何显示层用着的地方     （<?php include './views/hrbeventTree.php';?>）

<script src="<?=base_url()?>../bootstrap/js/xtree.js"></script>
<script src="<?=base_url()?>../bootstrap/css/xtree.css"></script>
                            <div id="tree">
                        <?php //var_dump($arr);?>
                        
                            <script type="text/javascript">
                            
                                
                                if (document.getElementById) {
                                    
                                    <?php 
                                        $url=base_url().'events/creatgroups?pid='; //创建新组url
                                        $event_url=base_url().'events/createvents?pid=';    
                                        $current_url="#";                                    
                                    ?>
                                    
                                    <?php    
                                                                        
                                        $m = 0;
                                        if($arrgroups){
                                            //".$arr['0']['groupName']."
                                            echo "var tree = new WebFXTree('".$arrgroups[0]['groupName']."');\r\n";
                                            echo "tree.setBehavior('classic');\r\n";
                                            
                                        
                                            for ($i=1;$i<count($arrgroups);$i++){
                                                $curGroupID = $arrgroups[$i]['eventgroupID'];
                                                $cureventID = $arrgroups[$i]['eventID']; //当前eventid 用于创建分组时，未加项目，遍历显示时不加为空的子节点
                                                         echo "var nGroup".$curGroupID." = new WebFXTreeItem('".$arrgroups[$i]['groupName']."');\r\n";
                                                         //这是创建新组echo "nGroup".$arrgroups[$i]['eventgroupID'].".action=\""."$url"."".$arrgroups[$i]['eventgroupID']."&pl=".$arrgroups[$i]['gLeft']."&pname=".$arrgroups[$i]['groupName']."&action=creat"."\";";
                                                         echo "nGroup".$arrgroups[$i]['eventgroupID'].".action=\""."$url"."".$arrgroups[$i]['eventgroupID']."&pl=".$arrgroups[$i]['gLeft']."&pname="."".$arrgroups[$i]['groupName']."&action=alter&parentname=".$arrgroups[$i]['parentName']."&parentid=".$arrgroups[$i]['parentID']."\";";
                                                         echo "tree.add(nGroup".$curGroupID.");\r\n";
                                                for ($j=0;$j<count($arrEventgroups);$j++){
                                                    
                                                    if($arrEventgroups[$j]['eventgroupID'] == $curGroupID){
                                                        if($cureventID!=''){
                                                            echo "var nEvent".$arrEventgroups[$j]['eventID']." = new WebFXTreeItem('".$arrEventgroups[$j]['eventname']."');\r\n";                                                        
                                                            echo "nEvent".$arrEventgroups[$j]['eventID'].".action=\""."$event_url"."".$arrEventgroups[$j]['eventgroupID']."&pname=&action=alter&eventid=".$arrEventgroups[$j]['eventID']."\";";                                                        
                                                            echo "nGroup".$arrEventgroups[$j]['eventgroupID'].".add(nEvent".$arrEventgroups[$j]['eventID'].");\r\n";
                                                        }
                                                    }
                                                    //$last_eventgroupID = $arrEventgroups[$j]['eventgroupID'];
                                                    //die();
                                                }
                                                
                                     
                                            }  
                                            
                                    }
                                ?>
                                        document.write(tree);
                                        tree.expandAll();
                                
                                }
                                
                                
                                //document.write("999");
                                </script>
                        </div><!-- tree end -->