jQuery插件之z-tree插件

来源：互联网发布：ubuntu mysql 查看表编辑：程序博客网时间：2024/06/06 00:06

api在线文档

http://www.treejs.cn/v3/api.php

第一个demo

<!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.4.min.js"></script>    <script type="text/javascript" src="jquery.ztree.core.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>

这里写图片描述

阅读全文

0 0