jQuery树形插件 jquery.dynatree.js
- 授权协议: MIT
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: http://code.google.com/p/dynatree/
- 软件文档: http://wwwendt.de/tech/dynatree/doc/dynatree-doc.html
软件介绍
dynatree 是一个 jQuery 的插件,用来在网页上显示树形控件的脚本。
示例代码:
<html>
<head>
<!-- 1. Include jQuery and dynatree libraries: -->
<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>
<!-- 3. Add a <div> element where the tree should appear: -->
<div id="tree"> </div>
[...]
</body>
</html>
Visual Thinking
Colin Ware / Morgan Kaufmann / 2008-4-18 / USD 49.95
Increasingly, designers need to present information in ways that aid their audiences thinking process. Fortunately, results from the relatively new science of human visual perception provide valuable ......一起来看看 《Visual Thinking》 这本书的介绍吧!