DooIT@江西搜才网
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  49 随笔 :: 17 文章 :: 1146 评论 :: 28 引用
JS写的一个功能齐备的treeview控件

V0.1（2007-5-31）

  • 支持键盘操作
  • 支持节点多选
  • 支持节点编辑
  • 支持节点拖动(IE only)
  • 完全面向对象封装
  • 支持多种事件
  • IE6.0+ &&FX2.0

点击下载

欢迎访问江西搜才网
posted on 2007-05-31 13:59 ttyp 阅读(7460) 评论(57) 编辑 收藏

评论

#1楼 2007-06-15 15:16 xiaoc[未注册用户]
谢谢了 好像很不错的样子 我回去研究研究 哈哈
　回复　引用　  

#2楼 2007-06-21 17:15 Cpplyy[未注册用户]
楼主写得很棒，感谢，回去看看
　回复　引用　  

#3楼 2007-07-04 16:56 he_shaowei@yahoo.com.cn[未注册用户]
好是好
就是我们水平低了
不知道子节点的加链接在哪里更改
请赐教
　回复　引用　  

#4楼 2007-08-07 20:45 张[未注册用户]
非常好,谢谢!学习下!
　回复　引用　  

#5楼 2007-09-18 15:04 zhouxue82[未注册用户]
好象节点的拖动不行啊！！！！
　回复　引用　  

#6楼 2007-09-26 11:41 Rian[未注册用户]
刚下好..还没用...不过还是很感觉
　回复　引用　  

#7楼 2007-10-15 17:14 w[未注册用户]
请问如何加上链接?
　回复　引用　  

#8楼 2007-10-22 13:25 坐断东南 笑煞之!!      
学习下!
　回复　引用　查看　  

#9楼 2007-10-29 17:26 请教[未注册用户]
请问lz,如何将子目录拖到根目录下
　回复　引用　  

#10楼 2007-11-11 21:20 ELVA      
node(caption,title,url,target,tag,callback)
这几个参数是怎么用的啊

怎么样实现拖拽啊

希望能给个详尽的解释

小弟愚笨，indent没怎么看明白

我的邮箱是：redelva2008@163.com

最后还是要说你写的JS树是我唯一觉得比较好用的
　回复　引用　查看　  

#11楼[楼主] 2007-11-12 14:54 ttyp      
node(caption,title,url,target,tag,callback)

caption是节点标题
title是提示
url是点节点是触发的连接
target是连接所在的框架名
tag是节点的附加值,可以保存各种东西
callback是点节点后调用的函数,异步加载时的接口

设置tv.drag = true;就可以拖动了,只支持IE
　回复　引用　查看　  

#12楼 2007-11-12 17:10 qq34243[未注册用户]
我也来说个网址，供大家参考更多的Js,.net资讯：http://www.itwis.com
　回复　引用　  

#13楼 2007-12-22 11:25 ejiyuan      
少一个属性： index
少3个功能：
1、选中父结点其子结点也全部选中
2、取消全部子结点的选择后，父结点的选择也随之取消
3、列出所有选中的节点
　回复　引用　查看　  

#14楼 2008-01-10 10:28 tyuthht[未注册用户]
不错！
　回复　引用　  

#15楼 2008-01-10 15:00 tyuthht[未注册用户]
@ejiyuan

说的是啊！！
　回复　引用　  

#16楼[楼主] 2008-01-11 08:52 ttyp      
很多功能是可以扩展的,因为考虑到他们不是必须的功能
　回复　引用　查看　  

#17楼 2008-01-11 14:49 tyuthht[未注册用户]
楼主 请假你个问题 你node返回的checked属性 怎么有时选中也为假 不选倒为真了 ？ 实在不太明白
　回复　引用　  

#18楼 2008-01-11 14:51 tyuthht[未注册用户]
你是否 可以把一下问题更正一下：
1、选中父结点其子结点也全部选中
2、取消全部子结点的选择后，父结点的选择也随之取消
3、列出所有选中的节点

再传递个新包？

谢谢啦，我邮箱：houht@ipmotor.net
　回复　引用　  

#19楼 2008-01-11 14:55 tyuthht[未注册用户]
我修改如下：
var sign;

treeview.prototype.onnodecheck = function(sender){
//alert("name:"+sender.caption +/* " selected:" + sender.checked+*/",id:" + sender.id+",deepth:" + sender.level+",length:"+sender.nodes.length+"aaa:"+sender.nodes.items[0].caption);
// sender.nodes.items[0].checkNode.checked = (sender.checked)?true:false;


alert(sender.checked);
alert(sender.caption);
sign = sender.checked;
check(sender);

}



function check(sender){
for(var i=0;i<sender.nodes.length;i++){

sender.nodes.items[i].checkNode.checked = sign;
if(sender.nodes.items[i].nodes.length > 0){
check(sender.nodes.items[i]);
}
}
　回复　引用　  

#20楼 2008-01-11 17:14 tyuthht[未注册用户]
重新写了一下 好像可以了 只是子菜单不显示的时候报错！

var sign;
var return_string ="" ;

treeview.prototype.onnodecheck = function(sender){
//alert("name:"+sender.caption +/* " selected:" + sender.checked+*/",id:" + sender.id+",deepth:" + sender.level+",length:"+sender.nodes.length+"aaa:"+sender.nodes.items[0].caption);
sign = sender.checkNode.checked;
//
if(sender.nodes.length == 0){
if(sign){
return_string = return_string +" "+ sender.caption;
return;
}else{
return_string = return_string.replace(sender.caption+" ","");
return;
}
}else{
sign = sender.checkNode.checked;
check(sender);
}
}

function check(sender){

for(var i=0;i<sender.nodes.length;i++){
sender.nodes.items[i].checkNode.checked = sign;
if(sender.nodes.items[i].nodes.length > 0){
check(sender.nodes.items[i]);
}else{
if(sign){
return_string = return_string +" "+ sender.nodes.items[i].caption;
}else{
return_string = return_string.replace(sender.nodes.items[i].caption,"");
}
}
}

}
　回复　引用　  

#21楼 2008-01-25 10:14 yongnengyong[未注册用户]
很好呀 谢谢了!
　回复　引用　  

#22楼 2008-01-25 10:29 yangyingjie[未注册用户]
感觉这个不错，可不可以给个说明呀，或者指教一下，这个没有连接数据库吗？没有数据库那显示出来的目录都是那里的呀？添加，删除什么的都是怎么完成的呀？指教一下如何跟数据库连接？谢谢哦
　回复　引用　  

#23楼 2008-01-25 11:11 yangyingjie[未注册用户]
这个软件真的不错，但是就是没有连接数据库，对这个目录的操作一刷新就又恢复原来的状态了，如果能连接数据库真的是太完美了，作者可以给改一下下吗？让他可以连接数据库？谢谢喽
　回复　引用　  

#24楼 2008-02-19 16:17 jazz[未注册用户]
楼主厉害，大开眼界了。以后要常来，收藏了。
　回复　引用　  

#25楼 2008-03-12 10:12 VSandJava[未注册用户]
好东西，在网上找了半天了，学习！
　回复　引用　  

#26楼 2008-03-25 15:30 jll[未注册用户]
楼主,你好!
为什么note的名字不可以更改呢,我想换一个名字,因为它跟其它的冲突
　回复　引用　  

#27楼 2008-03-26 09:33 jll[未注册用户]
楼主,你好,你的组件布局有问题呢?如果我们要布局主有一个根的时候,你的布局就会乱,如
root
+节点一
+节点1-1
+节点1-2
+节点二
+节点2-1
它就会乱了,节点一和节点二,竟跟root是一样平排,但点击是属于root的目录.可不可以改进这个bug
　回复　引用　  

#28楼 2008-04-28 22:13 留恋星空      
MARK
　回复　引用　查看　  

#29楼 2008-06-10 10:22 爽歪歪[未注册用户]
渴望版主能发布最新版本
　回复　引用　  

#30楼 2008-07-24 15:48 30楼[未注册用户]
楼主，你牛啊！我找这控件找了好久的，用asp.net的TreeView但在客户端无法操作.自己写又写不出来。浪费了好长的时间！总算让我找到我想要的了。谢谢你楼主
　回复　引用　  

#31楼 2008-08-21 11:08 逸_枫[未注册用户]
看啦 楼主 的JS树 受益匪浅 JS水平进了一大步 Thank you very much!
　回复　引用　  

#32楼 2008-11-08 12:13 peach22222[未注册用户]
比较慢
　回复　引用　  

#33楼 2008-11-20 18:53 KentKenny[未注册用户]
请问楼主, 如果默认情况下所有节点是展开的, 怎么实现呢?
　回复　引用　  

#34楼 2008-12-17 19:59 兄弟 [未注册用户]
兄弟 你的删除怎么不行呀？？ 可以加我的QQ吗？ 交流一下好吗？
　回复　引用　  

#35楼 2008-12-17 19:59 兄弟 [未注册用户]
我的QQ253786232
　回复　引用　  

#36楼 2009-01-01 23:26 jusr[未注册用户]
var b = new node("文件夹开始","文件夹开始","www.baidu.com","","","");
连接不到，没有效果，谁可以给个各种效果都出来的
我邮箱279074838@qq.com
　回复　引用　  

#37楼 2009-03-24 10:38 念时      
下来看看
　回复　引用　查看　  

#38楼 2009-03-24 10:50 念时      
不大好用啊 插入节点怎么不行 能不能加一些属性与方法的说明啊……
　回复　引用　查看　  

#39楼 2010-01-15 16:51 廖震男      
在哪下呀？没看到？
　回复　引用　查看　  

最新IT新闻:
· Android平台发现新型手机病毒Rootsmart
· HTC首款Android4.0手机大曝光
· 这是不是你期待的 iPad 3？
· 瑞士公司对苹果提起新专利权诉讼
· 微软看重平板市场：ARM版Win8与x86版同步推
» 更多新闻...