日期:2014-05-16 浏览次数:20340 次
<head runat="server">
<title></title>
<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>
</head>
<script type="text/javascript">
var setting = { showLine: false, //是否显示线,true为显示,false为不显示
checkable: true ,//是否有可选框,true为可选,false为不可选
showIcon: false//是否有图标,true为有,false为没有,默认为true
};
var zTreeNodes1 = [ { name:"手机", open:false, checked:true, nodes: [ { name:"诺基亚", isParent:true},
{ name:"三星"}, { name:"索爱"}, { name:"多普达"} ]}, { name:"电脑", open:true, checked:true, nodes: [ { name:"硬件", checked:true}, { name:"整机", isParent:true, checked:true}, { name:"网络", checked:true} ]}, { name:"家电", open:false, nodes: [ { name:"电视", checked:true}, { name:"冰箱"}, { name:"空调", isParent:true} ]} ]; </script>
<body>
<form id="form1" runat="server">
<div>
<ul id="tree" class="tree" style="width:300px; overflow:auto;"></ul>
</div>
</form>
</body>
<script type="text/javascript">
var zTree = $("#tree").zTree(setting, zTreeNodes1);
</script>
</html>
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE> ZTREE DEMO - Standard Data </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>
</HEAD><script type="text/javascript">
var setting = {/* showLine: false, //是否显示线,true为显示,false为不显示
checkable: true, //是否有可选框,true为可选,false为不可选
&nb