论坛首页 Web前端技术论坛

简单的js树-rTree,可负载25万个节点(非ajax),代码少,易用易懂。更新checkbox补丁代码(在7楼)

浏览 64837 次
该帖已经被评为精华帖
作者 正文
   发表时间:2009-09-03  
不错,有时间,我也自己写一下,到时跟你的比比,哈哈
0 请登录后投票
   发表时间:2009-09-03  
感谢各位的支持!
作为程序员,我觉得做的东西能被更多的人使用,是最开心不过的了。
这个树在1.2的时候还是很菜的。。后来同事改老项目的时候,发现老项目里的树,又难看又慢,代码一大堆,改起来又麻烦。这时我毛遂自荐了自己的树,同事要求至少要比dtree好。经过修改终于比的上dtree了。人家N年前写出来的。。。。敬礼

后来又根据各种客户的需求做了改进,有的是写在主代码里,有的是以jquery打补丁上去,像前面的checkbox。
还是有个自己写的树好,要什么特殊需求,自己改。
0 请登录后投票
   发表时间:2009-09-03  
基于Jquery的?最自己也想花些时间写些UI,可以前没搞过,都不知如何下手
0 请登录后投票
   发表时间:2009-09-03   最后修改:2009-09-04
風一樣的男子 写道
基于Jquery的?最自己也想花些时间写些UI,可以前没搞过,都不知如何下手


树是纯js的,没用框架。
额外的功能是用jquery实现的
例如 点击节点变颜色r.canAlterbg(true),多选框。实在是因为用jquery加功能那个方便啊。

说起搞UI,我最早是从看犀牛书(著名的javascript权威指南)开始的,那时不会js调试.出了错只好慢慢找。
那是个困难的时期啊,那时候感觉js比java上手难,没调试。。。当时就是有空就啃犀牛书,写写示例代码。

最早写的是一个无限走马灯,就是无缝隙的能上下左后滚动。那时知道了有个很好的UI叫ext,就看着ext的例子(只看运行效果,没看代码)模仿了十几个它的效果,GridView等等。。。
其实只要知道了界面移动就是坐标变变,定时调移动方法,一通百通的。

注:写js不能用写字板,我有几次用写字板改了下代码后保存,就报对象不存在错误,还好有留以前的版本。

贴个自己版本的GridView图,就是前台分组排序,改分数。美工没好好弄。。。
  • 大小: 57.6 KB
0 请登录后投票
   发表时间:2009-09-04  
25W 个???这个。。太厉害了。。

下来看看。
0 请登录后投票
   发表时间:2009-09-04  
比dtree的效率高?

好东西,下来看看。可以用到我们公司的项目中。

支持原创!!!

但是不知道是否支持多浏览器?例如:chrome、safari。
0 请登录后投票
   发表时间:2009-09-04  
原创的精神可嘉,有时间仔细研究研究 呵呵
0 请登录后投票
   发表时间:2009-09-04  
25万节点的树,全部显示在页面上,确实很难实现。就算一个25万次的循环,浏览器就会提问是否继续,但是我在想,什么样的树或者什么样的业务会有25万个节点,25数数都要好几天,并且处理起来非常影响浏览器的速度。
0 请登录后投票
   发表时间:2009-09-04  
当时想出非ajax的lazy构造树的方法后,用10000条随机数据一试,居然一秒不到就出来了。当时很高兴,当然要测出最大负载量咯,于是50万,40万,30万都假死,20万卡了几秒后出来,再到中间值25万能出来。其实应该还能多点。
这也只能作为一个参数看看啦,一般的树也就几百,上千了。

做出这个功能主要是为了:在树节点不是特别多的情况下,可以不用ajax树,直接用这个树,减少服务端的访问次树,充分利用客户端资源(现在大家的电脑配置都不错的)
0 请登录后投票
   发表时间:2009-09-04  
在试用用.如果好的话.直接用这个做树
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics