当前位置: 代码迷 >> JavaScript >> jquery ztree 3.5解决方法
  详细解决方案

jquery ztree 3.5解决方法

热度:770   发布时间:2013-01-07 10:02:24.0
jquery ztree 3.5
下载的最新的版本,但是不知道怎么用
在网上搜的例子,运行之后页面是空白的

<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为不可选
               showIcon: false//是否有图标,true为有,false为没有,默认为true*/
  相关解决方案