jQuery树形插件 jquery.dynatree.js

码农软件 · 软件分类 · jQuery 树形控件 · 2019-12-25 22:44:48

授权协议: MIT
开发语言: JavaScript
操作系统: 跨平台
软件首页: http://code.google.com/p/dynatree/
软件文档: http://wwwendt.de/tech/dynatree/doc/dynatree-doc.html

软件介绍

dynatree 是一个 jQuery 的插件，用来在网页上显示树形控件的脚本。

示例代码：

<html>
<head>

<script src='../jquery/jquery.js' type='text/javascript'></script>
<script src='../jquery/ui.core.js' type='text/javascript'></script>
<script src='../jquery/jquery.cookie.js' type='text/javascript'></script>

<link href='../src/skin/ui.dynatree.css' rel='stylesheet' type='text/css'>
<script src='../src/jquery.dynatree.js' type='text/javascript'></script>

<script type='text/javascript'>
// Add code to initialize the tree when the document is loaded:
$(function(){
    // 2. Attach the dynatree widget to an existing <div id="tree"> element
    //    and pass the tree options as an argument to the dynatree() function:
    $("#tree").dynatree({
      // Pass an array of nodes (and child nodes)
      children: [
        {title: "Item 1"},
        {title: "Folder 2", isFolder: true, key: "folder2",
          children: [
            {title: "Sub-item 2.1"},
            {title: "Sub-item 2.2"}
          ]
        },
        {title: "Item 3"}
      ],
      onActivate: function(dtnode) {
        // This function is called, when a node is clicked
        // A DynaTreeNode object is passed as argument.
        alert("You activated " + dtnode.data.title);
      }
    });
});
</script>
</head>
<body>

<div id="tree"> </div>
[...]
</body>
</html>