AdubyTree5.0引见

2012-10-18

AdubyTree5.0介绍

jQuery AdubyTree Plugin

version: 5.0 (2011-05-20)
Copyright (c) 2011, Crystal, shimingxy@163.com
Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html

Date: 2011-05-20 rev 13

AdubyTree Plugin ?based jquery,Simple and util Utility 、OpenSource and FREE.

?support XML and JSON
?support local data and remote AJAX data.
?support checkbox that you need.,checkbox can before or after the leaf node.
?support three style,simple、strengthen、extend
?have Basic、Sample、Books、Org、OrgUser、Vista six themes，you can custom themes youself

?have Context Menu with user function define,you can move node user Context Menu

? ? ? ? Homepage&Blog:
? ? ? ? ? ? ? ? ? ?http://blog.163.com/shimingxy/?
? ? ? ? ? ? ? ? ? any questions ,you can visite?
? ? ? ? download source:
? ? ? ? ? ? ? ? ??http://code.google.com/p/jquery-adubytree/

AdubyTree Plugin基于JQuery框架，实用，调用简单，基于开源协议，免费使用。

?支持XML和JSON两种数据格式
?支持本地数据和动态AJAX远程数据。
?支持checkbox复选框，方便实际应用,checkbox叶节点的前面或者后面。
?支持三种样式，简单样式、增强样式和扩展样式
?自带Basic、Sample、Books、Org、OrgUser、Vista六套主题，用户可以扩展定制主题。

?支持右键菜单，可自定义事件，可通过右键菜单移动节点

项目博客：http://blog.163.com/shimingxy/

源代码的下载:

? ? ? ??http://code.google.com/p/jquery-adubytree

Screenshot

AdubyTree5.0引见 ?

How to use

在网页的头加入js和css,在body中加入adubytree的定义标签<div id="adubytree" ></div>

?<html> ?
? ? ? ? <head> 
? ? ? ? ?<script src="jquery.js" type="text/javascript"></script> 
? ? ? ? ? ? ? ?<script src="jquery.easing.1.3.js" type="text/javascript"></script> 
? ? ? ? ? ? <script src="jquery.adubytree.js" type="text/javascript"></script> 
? ? ? ? ? ? ?<link rel="StyleSheet" href="themes/basic/adubytree.css" type="text/css" /> 
? ? </head> 
? ? ? ? <body> 
? ? ? ? ?<div id="adubytree" ></div> 
? ? </body> 
</html> 
?

Aduby code

?$("#adubytree").AdubyTree({ ?
? ? ?url:"",//if you want get data from server,set url,else load data from data param? ? ? ? id:"-1",//if url param is set,send the root id to server? ? ? ? type: "GET",//if url param is set,the POST method ,GET or POST,default is GET? ? ? ? dataType:"json",//datatype json、xml，default is json? ? ? ? checkboxes:true,//is use checkbox,true is user,false is not,default is false? ? ? ? themes ?: "themes/vista/images/",//default is "themes/basic/images/"? ? ? ? data:"dataEg",//if url param is set ,not need set data? ? ? ? treeType:"simple",//simple、strengthen、extend,default is extend? ? ? ? checkboxPos:"before",//checkbox position before or after,default is before? ? ? ? cookie: true,//Is use cookie,true or false? ? ? ? themes:"Basic",//Basic,Sample,Books,Org,OrgUser,Vista six themes? ? ? ? onSelected:function(node){ ? ? ?? ? ? ? ? ? ? ? //selected node add you code,node is return Node type? ? ? ? },? ? ? ? onClick:function(node){ ? ? ? ? ? ? ? ? //onClick node add you code,node is return Node type? ? ? ? },? ? ? ? onDblClick:function(node){ ? ? ?? ? ? ? ? ? ? ? //onDblClick node add you code,node is return Node type? ? ? ? }? ? ? ? onCBXClick:function(node){ ? ? ?? ? ? ? ? ? ? ? //onCBXClick node add you code,node is return Node type? ? ? ? },? ? ? ? onCBXDblClick:function(node){ ? ? ? ? ? ? ? ? ? //onCBXDblClick node add you code,node is return Node type? ? ? ? },? ? ? ? onMouseOver:function(node){ ? ? ? ? ? ? ? ? ? ? //onMouseOver node add you code,node is return Node type? ? ? ? },? ? ? ? onMouseOut:function(node){ ? ? ?? ? ? ? ? ? ? ? //onMouseOut node add you code,node is return Node type? ? ? ? },? ? ? ? onOpen:function(node){ ?? ? ? ? ? ? ? ? //onOpen node add you code,node is return Node type? ? ? ? },? ? ? ? onAddNewNode:function(node){ ? ?? ? ? ? ? ? ? ? //onAddNewNode add you code,click contextMenu add? ? ? ? },? ? ? ? onEditNode:function(node){ ? ? ?? ? ? ? ? ? ? ? //onEditNode node add you code,click contextMenu Edit? ? ? ? },? ? ? ? onMoveNode:function(node){ ? ? ?? ? ? ? ? ? ? ? //onMoveNode node add you code,click contextMenu Move? ? ? ? },? ? ? ? onMoveToNextNode:function(node){ ? ? ? ?? ? ? ? ? ? ? ? //onMoveToNextNode node add you code,click contextMenu MoveToNext 
? ? ? },? ? ? ? onMoveToChildNode:function(node){ ? ? ? ? ? ? ? ? ? ? ? //onMoveToChildNode node add you code,click contextMenu MoveToChild 
? ? },? ? ? ? onDeleteNode:function(node){ ? ?? ? ? ? ? ? ? ? //onDeleteNode node add you code,click contextMenu delete 
? ? ? }? ? ? ? });?

Opration function

?open all tree items?$("#adubytree").openAll();??
close all tree ?items?$("#adubytree").closeAll();?
get the ?node you give the nodeid?$("#adubytree").getNode(nodeid)?
get the current selected node id?$("#adubytree").getSelected()?
add node to adubtytree pid is nodeid?node ={ ? ? ? ? id : "node-3-1-1-2" , ? ? ? ? data: "node3.1.1.2",?};?node.id=node.id+"-"+x;?node.data=node.data+"-"+x;?$("#adubytree").addNode(node,nodeid);?
modify node when id eq nodeid,value is in node?$("#adubytree").modify(nodeid,node)?
remove the Node id eq nodeid ? ?$("#adubytree").removeNode(nodeid);?
get all checkbox checked item ids?$("#adubytree").getChecked()?
refresh the adubytree ?$("#adubytree").refresh();?

dataEg JSON

?var jsondata ={id : "node-0" , data: "C:",? ? ? ? ? ? ? ? children: [? ? ? ? ? ? ? ? ? ? ? ? { id : "node-1" ,data: "node1",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? children: [? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? { id : "node-1-1" ,data: "node1.1",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? children: [? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? { id : "node-1-1-1" ,data: "node1.1.1"},? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? { id : "node-1-1-2" ,data: "node1.1.2"}? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ]},? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? {id : "node-1-2" , data: "node1.2"},? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? {id : "node-1-3" ,data: "node1.3"}? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ] ? ? ? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? ? ? {id : "node-2" ,data: "node2"},? ? ? ? ? ? ? ? ? ? ? ? {id : "node-3", data: "node3",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? children: [? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? { id : "node-3-1" ,data: "node3.1",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? children: [? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? {id : "node-3-1-1" , data: "node3.1.1",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? children: [? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? { id : "node-3-1-1-1" , data: "node3.1.1-1"},? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? { id : "node-3-1-1-2" , data: "node3.1.1-2"}? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ] ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ] ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ] ? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ] ? ? ? ? };?

XML

?var xmldata ='<?xml version="1.0"?><root>';? ? ? ? xmldata +="<id>node-1</id><data>c:</data><children>";? ? ? ? xmldata += ? ? ? ? ? ? ?"<node><id>node-1-1</id><data>node-1-1</data></node>";? ? ? ? xmldata += ? ? ? ? ? ? ?"<node><id>node-1-2</id><data>node-1-2</data></node>";? ? ? ? xmldata += ? ? ? ? ? ? ?"<node><id>node-1-3</id><data>node-1-3</data><children>";? ? ? ? xmldata += ? ? ? ? ? ? ? ? ? ? ?"<node><id>node-3-1</id><data>node-3-1</data><children>";? ? ? ? xmldata += ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"<node><id>node-3-1-1</id><data>node-3-1-1</data></node>";? ? ? ? xmldata += ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"<node><id>node-3-1-2</id><data>node-3-1-2</data></node>";? ? ? ? xmldata += ? ? ? ? ? ? ? ? ? ? ?"</children></node>";? ? ? ? xmldata += ? ? ? ? ? ? ?"<node><id>node-3-2</id><data>node-3-2</data></node>";? ? ? ? xmldata += ? ? ?"</children></node>";? ? ? ? xmldata +="</children></root>";?

adubytreeWeb

?is eclipse Project ,you can import to eclipse workspace??
is include src,WebRoot 
lib?
 ? ? ? commons-logging-1.1.1.jar?
 ? ? ? ? ? ? ? Apache Commons Logging?
 ? ? ? ? ? ? ? Copyright 2003-2007 The Apache Software Foundation?
 ? ? ? ? ? ? ? This product includes software developed by?
 ? ? ? ? ? ? ? The Apache Software Foundation (http://www.apache.org/). 
? ? ? ?flexjson-2.0.jar?
 ? ? ? ? ? ? ? Apache License Version 2.0, January 2004?
 ? ? ? ? ? ? ? ?http://www.apache.org/licenses/ 
? ? ? ? ? ? ? ?http://flexjson.sourceforge.net/

adubytreeWeb.war

? ? ? ? deploy to tomcat ,or copy to $TOMCAT_HOME$/webapps?

? ? ? visit url http://website:port/adubytreeWeb/demo.html

? ? ? ? ? ? ? ?http://website:port/adubytreeWeb/themesdemo.html

? ? ? ? ? ? ? ?http://website:port/adubytreeWeb/styledemo.html

? ? ? ? ? ? ? ? http://website:port/adubytreeWeb/ajaxdemo.html

热点排行

Web前端

AdubyTree5.0引见