JSF DataTable使用心得
前段时间一个项目使用JSF DataTable生成一个较复杂的报表,测试时间数据较少,没有发现什么问题。程式运行一个月后开始发现问题,当报表产生大于1000笔的数据时,页面显示时间超长,让人无法忍受。代码测试发现Server可以在3秒左右产生出查询结果(1300行,50多个栏位),但是当服务器返回结果后IE开始拼命地跑,可以把CPU跑到100%,并且要持续10分钟才能把结果显示出来。
尝试使用FireFox来跑,可以在20秒左右显示出来,于是怀疑是不是IE6有什么问题,但是在IE7上打开页面还是这样,于是仔细检查代码,终于发现了问题所在。主要时有两个问题:
1.整个工程框架中有段Javascript代码用来对页面所有控件循环进行格式控制,当产生了巨大的Table之后,这段代码会对Table中的每个TR,TD标签进行循环,因此造成IE长时间占用CPU。
2.DataTable中的rowClasses,columnClasses写了一些较复杂的CSS,这样在JSF产生的HTML代码中会对每个TR,TD进行格式控制,使HTML文件变大,也严重地影响了IE的解析速度。
由此想到了在JSF DataTable使用中的一些心得:
1. 要有分页功能,每页资料最好不要超过20行
2. 尽量避免在rowClasses和columnClasses中写复杂的CSS
3. 对于资料查询型的页面,最好不要用JavaScript遍历所有控件,因为有时控件的数量会令你吃惊的。