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遍历所有控件，因为有时控件的数量会令你吃惊的。