<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="zTree_v3/css/demo.css" type="text/css">
<link rel="stylesheet" href="zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="zTree_v3/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="zTree_v3/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript">
//desc:test ztree.js author:ZengWenFeng date:2013.02.03
//http://127.0.0.1:8089/PrjFlexJava/zTree_v3/demo/en/core/async_fun.html
//http://127.0.0.1:8089/PrjFlexJava/ztree01.html
var setting =
{
isSimpleData : true, //数据是否采用简单 Array 格式,默认false
treeNodeKey : "id", //在isSimpleData格式下,当前节点id属性
treeNodeParentKey : "pId", //在isSimpleData格式下,当前节点的父节点id属性
showLine : true, //是否显示节点间的连线
checkable : true//每个节点上是否显示 CheckBox
};
var treeNodes =
[
{
"id" : 1,
"pId" : 0,
"name" : "test1"
},
{
"id" : 11,
"pId" : 1,
"name" : "test11"
},
{
"id" : 12,
"pId" : 1,
"name" : "test12"
},
{
"id" : 111,
"pId" : 11,
"name" : "test111"
}
];
var zTree;
$(function()
{
zTree = $("#tree").zTree(setting, treeNodes);
});
</script>
</head>
<body>
</body>
</html>