1,在后台拼字符串产生json,json的格式为:[{title :"xxxx", key: xerx, ,expand:true/false ,children:[{title:"yyyyy",key:eeee,expand:true},
{title:"zzzzz",key:dfds,expand:true}]}]。这么嵌套下去,实际使用时可以用StringBuffer这样拼字符的速度快些。expand:true时产生的树是展开的,当为false时树是闭合的。把这个json字符串放入map中在前台展示。(我用的springmvc框架)2,引入css和js文件:dynatree/src/skin/ui.dynatree.css,dynatree/jquery/jquery-ui.custom.js,dynatree/jquery/jquery.cookie.js,
dynatree/src/jquery.dynatree.js。
3,在jsp中添加这样的div <div id="test" name=test style="width:170px;height:200px;overflow: auto ;background-color: white; border: #83BCF5 1px solid;" value="1">
4,在js中:
$(function(){ //这是为了在打开页面时就调用这个方法initTree();
});
function initTree(){
//初始化树状结构
$("#test").dynatree({
checkbox: true,
// Override class name for checkbox icon, so rasio buttons are displayed:
classNames: {nodeIcon: ""},
// Select mode 3: multi-hier
selectMode: 3,
children: ${sjon} //这个${sjon}就是后台保存在map中的json字符串
});
}
4,为该树添加全选与全部选操作:
function selectAll(){ //全选$("#test").dynatree("getRoot").visit(function(node){
node.select(true);
});
}
function deSelectAll(){ //全不选$("#test").dynatree("getRoot").visit(function(node){
node.select(false);
});
}
5,把此树的key发送到后台的方法:
比如这个树在 id为form1的form中,var formData = $("#form1").serializeArray();//这为了把树以外的内容序列化和树的数据一起发送
var tree1;tree1 = $("#test").dynatree("getTree");
formData = formData.concat(tree1.serializeArray()); //这就把树的数据得到并和树之外的数据连在一起了。
然后把formData发送就over了。
6,判断树是否有节点选择
$("#test).dynatree("getSelectedNodes").length==0表示没选择。
相关推荐
一个非常完备的网页树型控件了,支持所有的浏览器 ,功能基本能满足要求,样式也还可以,代码也比较清楚。
dynatree js代码完整Demo源码 ,实现目录树自定义缩放
dynatree-1.2.0 JQuery 树结构插件
最新的dynatree,Jquery树,可以用来学习,可以用来做东西,精华。
tree例子,也是从网上找的,其中有tree点击右键进行增删改
python库。 资源全名:tw2.jqplugins.dynatree-2.0a0.tar.gz
动力桩该存储库被时,被用作Dynatree 2.0..2.3的代理页面。 现在它已经过时了,因为jQuery Plugin Registry并且 。
JQuery树形插件Dynatree的包装对象... So this plugin will not be updated in feature. 新版的 Dynatree 已支持 MagicDTree 所提供的所有功能,因为MagicDTree将停止更...
MagicDTree 是JQuery树型插件 Dynatree 的封装,使之更易使用,并提供了一些扩展。 JQuery著名树形插件Dynatree的包装类,增加右键菜单,添加、删除、更新接口。
很漂亮的一个jquery.dynatree树, 网上找了很久也没有个合适的, 后面自己改了一个出来; 共享给大家,顺便赚点资源分,因为我确实没有分了; 不知道大家有没有用,别喷我了;
jQuery.dynatree (by François de Campredon) jQuery.Flot (by Matt Burland) jQuery.form (by François Guillot) jQuery.Globalize (by Boris Yankov) jQuery.jNotify (by James Curran) jQuery.noty ...