代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>
</title><link rel="Stylesheet" href="../../../Content/default.css" />
<script type="text/javascript" src="../../../Scripts/jquery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../../Scripts/jquery/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" href="../../../Scripts/jquery/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css" />
<script type="text/javascript" src="../../../Scripts/jquery/ztree/js/jquery.ztree.core-3.2.js"></script>
<script type="text/javascript" src="../../../Scripts/jquery/ztree/js/jquery.ztree.core-3.2.min.js"></script>
<script type="text/javascript">
var setting = {
async:{
enable :true,
url: "../common/asynctreenode.aspx",
autoParam: ["id","name"]
},
view: {
dblClickExpand: false,
showLine: true,
selectedMulti: false,
expandSpeed: ($.browser.msie && parseInt($.browser.version)<=6)?"":"fast"
},
callback: {
beforeClick: function(treeId, treeNode){
window.parent.maincontent.location.replace('maincontent.aspx?sjdwbm='+treeNode.id+"&sjdwmc="+treeNode.name);
}
}
};
var zrootNodes = [{'id':'id1','name':'name1',isParent:true},{'id':'id2','name':'name2',isParent:true}];
$(document).ready(function () {
//以下为第一次要加载的一级节点
$.fn.zTree.init($("#treeDemo"), setting, zrootNodes);
});
</script>
</head>
<body>
<div class="zTreeDemoBackground left">
<ul id="treeDemo" class="ztree"></ul>
</div>
</body>
</html>
