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>

本文地址：https://codercto.com/soft/d/21959.html

码农书籍

Node.js开发实战

[美] Jim R. Wilson / 梅晴光、杜万智、陈琳、纪清华、段鹏飞 / 华中科技大学出版社 / 2018-11-10 / 99.90元

2018年美国亚马逊书店排名第一的Node.js开发教程。 . Node.js是基于Chrome V8引擎的JavaScript运行环境，它采用事件驱动、非阻塞式I/O模型，具有轻量、高效的特点。Node.j s 工作在前端代码与数据存储层之间，能够提高web应用的工作效率和响应速度。本书以最新版Node.js 8为基础，从实际案例出发讲解Node.js的核心工作原理和实用开发技......一起来看看《Node.js开发实战》这本书的介绍吧!

码农工具

JS 压缩/解压工具

在线压缩/解压 JS 代码

HEX CMYK 转换工具

HEX CMYK 互转工具