jQuery插件表格树GridTree--2011新年版本(优化懒加载性能)

表格树是用来展示多层次的表格的工具,在实际项目中有使用.并且此前已经发布了不少的版本,这次是最新的一版,比较稳定了.[color=red]公开源码[/color],主要使用jquery和普通JavaScript实现.

[url=http://blog.sina.com.cn/s/blog_3efe6ef10100fcv2.html]此前的表格树的详细配置说明[/url]

最近修改了此前表格树,根据需求[color=red]新加了功能以及做了一些相关修改:[/color]
1.添加了动态刷新表格树的方法

2.添加了动态添加子节点的方法

3.支持无限层次的节点分页(lazyPage : true)

4.支持非顶层节点的缓冲显示(lazyMorePage:true )

5.修改此前版本的一些bug,例如删除了analyzeAtServer属性(定义了也没有用)。

[color=red]下面罗列出新的属性和API方法:[/color]
1.lazyPageSize:进行懒加载分页以及懒加载缓存显示的每页页数,默认为10

2.lazyPage:设置为true表示使用懒加载分页,即在除了第一层进行默认的表格树分页之外,在子树的层次也进行分页,具体请看demo中的“懒加载树示例2(lazyPage:true)”链接

3.lazyMorePage:设置为true表示开启使用懒加载的缓存模式,即在对子树层次显示的时候,逐步显示节点,例如子树一层有1000个节点,设置了lazyPageSize=50的话,第一次显示50个节点,点击节点前面的图标再显示画面的50个节点(全部显示完请点20下,呵呵),具体请看demo中的“懒加载树示例3(lazyMorePage:true)”链接

注意:lazyPage和lazyMorePage不可以同时设置为true。
注意:设置了这两种懒加载模式之后,和普通的懒加载处理类似,也是需要做两个java方法返回json串,即dataUrl和lazyLoadUrl中的链接。

4.myTree.reload():进行表格树的重新加载,此前方式只可以通过链接的刷新实现,通过这个新方法可以局部刷新表格树

5.myTree.appendChild('父节点id','子串json串'):对指定的节点添加孩子节点

6.删除analyzeAtServer属性:如果配置了该属性也不会有效果,主要目的是简化了后台传递json串的格式。通过运行demo工程,可以看到后面实时打印出来的json串。
修改了在chrom下面的一个bug:懒加载模式下面的分页出现问题。

[color=red]关于性能:[/color]
这次修改,主要就是做的对懒加载性能方面的改善,在实际项目中发现第一层进行了分页处理之后,但是子节点还有上千条节点,结果依然出现严重的js性能问题,于是想到了继续进行分页的点子。

[img]http://dl.iteye.com/upload/attachment/404160/fe2cdb69-8a0d-37a6-8850-7fd39548e22e.png[/img]

欢迎提出建议!

[color=red]附件做了修改,现在可以直接运行了.不用再做修改.[/color]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值