论坛首页 Web前端技术论坛

表格树GridTree的后台示例代码(含war包)(有更新版本)

浏览 4113 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-01-29   最后修改:2011-01-24

20100403后记:

已经发布了表格树的懒加载版本,基本解决了性能的问题!并且公布源码。

 

http://renjie120.iteye.com/admin/blogs/631822

-----------------------时间分割线------------时间分割线-------------------------

之前的表格树的例子中只有静态的示例,现在发来后台代码,含有war包.
欢迎提出问题.

静态demo地址:
http://renjie120.iteye.com/admin/blogs/553086

重要:关于性能问题:
加载静态数据:(硬件:thinkpad sl400 ce3, 浏览器:ie8)
    一页显示100行(共6列)(包含特殊格式化列),时间1秒
    一页显示200行(共6列)((包含1个特殊化列(下拉菜单)),时间1.9秒
    一页显示300行(共6列)((包含1个特殊化列(下拉菜单)),时间3.9秒
    一页显示400行(共6列)((包含4个特殊化列),时间12秒
    一页显示400行(共6列)((包含1个特殊化列(下拉菜单)),时间8秒
    一页显示400行(共6列)((不包含特殊化列),时间6秒

现在的解决办法:
1.使用后台传递json数据的方式
2.使用分页
3.如果不分页,请少用特殊化列,因为渲染时间会消耗多

后期更新:
1.进一步解决性能问题,使用懒加载的表格树方式,即第一次只加载一层节点,点击加号节点再到后台查询显示下级节点
2.优化代码中的垃圾代码
3.提供更多的表格树功能函数,以及公开代码

 

论坛首页 Web前端技术版

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