DooIT
博客园
::
首页
::
新随笔
::
联系
::
订阅
::
管理
::
47 随笔 :: 16 文章 :: 1370 评论 :: 26 Trackbacks
JS写的一个功能齐备的treeview控件
V0.1(2007-5-31)
支持键盘操作
支持节点多选
支持节点编辑
支持节点拖动(IE only)
完全面向对象封装
支持多种事件
IE6.0+ &&FX2.0
点击下载
posted on 2007-05-31 13:59
ttyp
阅读(3441)
评论(49)
编辑
收藏
所属分类:
脚本
评论
#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!
回复
引用
社区
新闻
新用户注册
刷新评论列表
标题
姓名
主页
Email
(只有博主才能看到)
验证码
*
看不清,换一张
[
登录
][
注册
]
内容(请不要发表任何与政治相关的内容)
Remember Me?
登录
使用高级评论
新用户注册
返回页首
恢复上次提交
[使用Ctrl+Enter键可以直接提交]
该文被作者在 2007-05-31 14:05 编辑过
相关文章:
Windows 2000 常见进程功能描述[转帖]
扩展GridView控件(索引) - 增加多个常用功能
利用TreeView控件动态生成无限级树
asp.net控件开发基础(1)
“图片变幻显示控件”发布
写有效率的SQL查询(V)
相关链接:
所属分类的其他文章:
JS写的一个功能齐备的treeview控件
输入自动完成类
定时检查网站是否掉线的批处理
code collection 0.44版 发布
JS代码的格式化和压缩
JS代码混淆初步
OUTLOOK菜单类
WEB打印分页类(JS)
js编写的语法高亮引擎
js写的Hashtable类
最新IT新闻:
消息称MySQL创始人已向Sun提交辞呈
谷歌Chrome浏览器即将更换LOGO颜色?
淘宝网合并阿里妈妈 专家称阿里巴巴或有新战略
微软研究院发布 AutoCollage - 整理并融合照片
2008年9月5日科技博客精选
博客园新闻频道
博客园首页
社区
<
2007年5月
>
日
一
二
三
四
五
六
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
公告
与我联系
发短消息
搜索
常用链接
我的随笔
我的空间
我的短信
我的评论
更多链接
我的参与
我的新闻
最新评论
我的标签
留言簿
(70)
给我留言
查看留言
我参与的团队
.NET 控件与组件开发(0/1369)
随笔分类
(37)
ASP.NET(10)
(rss)
ERP
(rss)
Visual Basic(2)
(rss)
安全
(rss)
脚本(25)
(rss)
软件架构
(rss)
项目管理
(rss)
随笔档案
(47)
2007年9月 (2)
2007年7月 (2)
2007年5月 (1)
2007年1月 (1)
2006年11月 (1)
2006年9月 (2)
2006年5月 (1)
2006年4月 (1)
2006年3月 (1)
2005年12月 (2)
2005年11月 (1)
2005年10月 (1)
2005年8月 (1)
2005年7月 (3)
2005年6月 (3)
2005年5月 (2)
2005年4月 (1)
2005年3月 (6)
2005年2月 (1)
2005年1月 (4)
2004年11月 (2)
2004年10月 (1)
2004年9月 (1)
2004年8月 (6)
文章分类
(11)
非技术(11)
(rss)
技术
(rss)
文章档案
(16)
2005年8月 (1)
2005年6月 (11)
2005年4月 (4)
相册
示例图片
收藏夹
(45)
技术相关(44)
(rss)
项目管理(1)
(rss)
Blog
网络尘埃
网络虫虫
CC
AJAX
codegeneration
dotMsn
FireFox文档
itpub
IT之源
log4net
msdn
msdn归档
msn协议
NUnit
sharpdevelop
sourceforge
Sqlite
svg专题
xml.org.cn
xquery简介
脚本学习
情感网络联盟
软件架构
三库四平台
上海印象
图标集中营
无忧脚本
系统分析员
赢政天下
正则库
中国ui
中国标准xml
Visual Basic
21code
freevbcode
planet-source-code
其他
百姓厨房
积分与排名
积分 - 305549
排名 - 85
最新评论
1. re: 用javascript操作xml
收藏
--汉城
2. re: MSN消息提示类(II)
你好,如果有多条信息,对应多个url如何写
--szcountryboy
3. re: code collection v0.44 released
好久没来了哦,什么时候才更新啊?
--大皮
4. re: code collection v0.44 released
楼主真是好人啊!!!!
--zhouxi
5. re: JS写的一个功能齐备的treeview控件
看啦 楼主 的JS树 受益匪浅 JS水平进了一大步 Thank you very much!
--逸_枫
阅读排行榜
1. javascript小技巧(72298)
2. 用javascript操作xml(18315)
3. MSN消息提示类(II)(12672)
4. 解放web程序员的输入验证(12455)
5. 奇怪的onload事件(11180)
评论排行榜
1. 解放程序员的验证输入(II)(133)
2. MSN消息提示类(II)(125)
3. javascript小技巧(123)
4. 解放web程序员的输入验证(120)
5. code collection v0.44 released(116)
Powered by:
博客园
Copyright © ttyp