<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE> ZTREE DEMO - Async</TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/demo.css" type="text/css">
<link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.ztree.core-3.5.js"></script>
<!-- <script type="text/javascript" src="js/jquery.ztree.excheck-3.5.js"></script>
<script type="text/javascript" src="js/jquery.ztree.exedit-3.5.js"></script>-->
<SCRIPT type="text/javascript">
<!--
var setting = {
view:{
dblClickExpand: false,
showLine: false,
showIcon:false
},
data: {
simpleData: {
enable: true
}
},
callback: {
onClick: onClick
}
};
var zTree;
var treeNodes;
var code;
$(function() {
$.ajax({
async : false,
cache : false,
type : "POST",
dataType : "text",
url : "getcategory.php",//恳求的action路径
error : function() {//恳求失败处理惩罚函数
alert("恳求失败");
},
success : function(data) { //恳求成功后处理惩罚函数。
//alert(data);
// console.log(data); // 火狐在后台打印的日志。
treeNodes = data; //把后台封装好的简单Json格局赋给treeNodes
}
});
//将string类型转换成json
treeNodes = eval("(" + treeNodes + ")");
zTree = $.fn.zTree.init($("#treeMenu"), setting, treeNodes);
});
function onClick(event,treeId, treeNode,clickFlag) {
var zTree = $.fn.zTree.getZTreeObj("treeMenu");
zTree.expandNode(treeNode);
var str=treeNode.id;
str = getAllChildrenNodes(treeNode,str);
alert(str); //所有叶子节点ID
//alert(treeNode.id);
//alert(treeNode.id);
}
function getAllChildrenNodes(treeNode,result){
if (treeNode.isParent) {
var childrenNodes = treeNode.children;
if (childrenNodes) {
for (var i = 0; i < childrenNodes.length; i++) {
result += ',' + childrenNodes[i].id;
result = getChildNodes(childrenNodes[i], result);
}
}
}
return result;
}
//
--></SCRIPT>
</HEAD>
<BODY>
<div class="zTreeDemoBackground left">
<ul id="treeMenu" class="ztree"></ul>
</div>
</BODY>
</HTML>
获取后台数据(通达OA二次开发)
<?php ?>
[<?php
include_once("inc/utility_all.php"); // 如需要使用公用函数则包含
include_once("inc/conn.php"); // 如需要连接数据库则包含
$query1 = "SELECT * FROM sbgl_devkind";
$cursor = exequery($connection,$query1);
$max= mysql_num_rows($cursor);
if($max>0){
for($i=1;$i<=$max;$i++)
{
$ROW=mysql_fetch_array($cursor);
$nId= $ROW['kind_code'];
$Id=$ROW['skind_code'];
$pId=$ROW['level'];
$nName=$ROW['kind_name'];
$pLevel=$ROW['level'];
$pCheck='';
echo "{ id:'".$nId."',pId:'".$Id."',name:'".'['.$nId.']'.$nName."',open:".(( $pLevel < "2" )?"true":"false")
.($pCheck==""?"":((($pLevel < "2")?", halfCheck:true":"")))."}";
if($i<$max){
echo ",";
}
}
}
?>]
界面