JavaScript树的实现之xyTree（二） －－ 年度巨献，倾力制作

资源管理器的左边是一个树状结构，可以方便的选择文件夹和文件，工作中需要这样一个东西，从网上下载了一个可以用，但显示速度慢，所以自己写了一个，给大家共享，欢迎修改。[e-mail]  QQ:756053931

2007/07/21
今天发布少许修改的版本xyTreeV4.11.zip，
唯一更新：
(1)添加DivTree树的第4个返回节点的函数getNodesDisplay，
   意思是根据当前树的展开形状返回最末级节点，这个最末级节点是眼睛看到的，
   不一定是真正的叶节点。

2007/07/28
今天发布的版本xyTreeV4.12.zip，
(1)修正重要bug：在IE浏览器中，如果设置
   IE->工具->Internet选项->常规->设置->每次访问此页时检查，
   那么图片会莫名其妙消失，现已更正。
   原因：
   单击链接<a href="......"></a>元素会有奇怪的特征，图片会消失
   解决方案：
   (1-1)去除html代码和javascript代码中的href属性，不用。
   (1-2)不知为何，样式中鼠标移上的样式没有显示。
   (1-3)使用万能的javascript，定义如下，样式当然随便：
     a.onmouseover = function (){this.style.color='blue';}
     a.onmouseout  = function (){this.style.color='black';}
(2)添加Node类的方法loadingGif()和loadingGifRenew()方法
   会使节点的文件夹图标显示为调用的样子，另一个恢复
(3)写了一个模拟ajax的示例，有些不满意，主要是
   其实节点是有子节点的，可是第一次显示出来时是个文件图标而非文件夹图标，
   加号也是的，将来可能会写一个AjaxTreeNormal类和AjaxTree类。
   难道要使用多重继承吗？不敢想象。
(4)小插曲：火狐中允许非标准数组写法[1,3,77,]，而IE中只有标准数组写法[1,3,77]     
   另：火狐中鼠标的指针样式cursor好像可选值要少一些，IE多一些


请多提宝贵意见！
跳槽到新公司，总算能狂写我心爱的jsp了^-^
－－ 倾力制作 年度巨献 －－

评论

13 楼 sfly 2007-08-16  

下载一个看看再说!

12 楼 vicself 2007-08-16  

是啊，这些用得很频繁的wiget，就需要像楼主这样的好人贡献出来，减轻大家开发的痛苦。

11 楼 咖啡刀 2007-08-14  

支持楼主的Tree，写的很不错！！！
不过，要是能支持动态加载Xml文件，以及选中项后并且可以生成新的选中项的Xml文件的话
那这Tree可就比较完美了！！！

10 楼 lne818 2007-08-14  

你现在在南京的什么单位呀？我想参考一下^_^ 527279952

9 楼 hhhhhhhhhh 2007-08-03  

真是太好了，
现在有个问题上，如果能把js（放数据的）变成从数据库中取就好了，不知如何做呢？

8 楼 memphis 2007-08-02  

建议增加拖拽

7 楼 xieye 2007-08-02  

简单啦，
《JavaScript权威指南》－－我最喜欢的书
还有
《JavaScript高级程序设计》
《Ajax基础教程》－－介绍了一些跨浏览器的方法，必看

如果对Ajax有兴趣
那么
《Ajax实战》

附带：
如果想找工作的话，光javascript好是没用的，因为大部分公司对此不屑一顾，要java好才行

xieye

6 楼 kedou609 2007-08-02  

哈哈，我喜欢javascript，可是最近几个月都在写一些简单的东西，没多大进步，该如何提升呢

5 楼 xieye 2007-07-30  

即将发布4.2版本，所有代码全部重构，用继承实现各个类的差别。
预计会添加一个类，实现点击某个节点，前面点开的节点会自动闭合，使树的每一级最多只有一个节点是打开的，也是一个常用功能
敬请关注！

谢烨
2007/07/30

4 楼 xieye 2007-07-29  

有重要的新版本发布，ajax模拟，请立即关注

xieye
2007/07/28

3 楼 dgd614 2007-07-26  

先看看再交流

2 楼 explore_zjx 2007-07-24  

thanks!

1 楼 boin 2007-07-22  

关于图片不显示的问题我倒是有个方法：在提前加载图片到浏览器中。

new Image("xxx")

然后添加到images数组

document.images