阿灿JAVA

导航

zTree -- jQuery 树插件

地址：http://www.treejs.cn/v3/main.php#_zTreeInfo

zTree 简介

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件（MIT 许可证）。

<!DOCTYPE html>

<HTML>

<HEAD>

<TITLE> ZTREE DEMO </TITLE>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" href="demoStyle/demo.css" type="text/css">

<link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">

<script type="text/javascript" src="jquery-1.4.2.js"></script>

<script type="text/javascript" src="jquery.ztree.core-3.x.js"></script>

<SCRIPT LANGUAGE="JavaScript">

 

var zTreeObj;

// zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）

var setting = {};

// zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）

var zNodes = [

　　{name:"test1",

　　open:true,

　　children:[{name:"test1_1"}, {name:"test1_2"}]},

 

　　{name:"test2",

　　 open:true,

　　 children:[{name:"test2_1"}, {name:"test2_2"}] } ];

 

 

$(document).ready(function(){

　　zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);

});

</SCRIPT>

</HEAD>

<BODY>

　　<div>

　　　　<ul id="treeDemo" class="ztree"></ul>

　　</div>

</BODY>

</HTML>

posted on 2016-11-24 11:32  阿灿JAVA  阅读(89)  评论(0)    收藏  举报