一次痛苦的EasyUI使用和优化历程

最近公司决定对原先的程序进行UI改造。我有幸参与。下面我将分享我这次进行的全过程。先声明一点，由于涉及公司的机密，所以我不会上传代码，只会讲述过程，如有不明白的请留言。

1.原先我们的系统的数据展示是用GridView这个用户控件来展示的，但是其存在如下问题：

    1）无法固定表头。

    2）即使采用网上的固定表头方案，还是会存在表头列和数据列错位的

    3）分页困难，而且每次数据请求都得重新提交页面。

    4）有一列专门显示图片。

 

另外说一下我在看到原先代码的态度： 强烈反对使用服务器控件。

 

改造：

 

2,在页面中应用Jquery和EasyUi再加上ajax和json来实现数据传输和展示

    优点：

    1）能够解决上述问题

    2）数据传输使用异步方式，能减少每次传输的数据量。

    缺点：

    1）页面加载速度比原先的慢。（这也是我这次重构的重大失败点之一）

 

上面是这次项目的一个原因结果，下面我将讲述过程。

 

在刚开始接到项目的时候，我一直苦苦思考，如果将上面原先代码的问题解决了。最大问题时固定表头，并且还要将表头列和数据列一一对应。在网上查询很多方案，虽然能够将表头固定，但是其方案有如下问题：

    1.无法实现表头列于数据列的一一对应。而且我的表头列将近有30列左右。每列宽30-60

    2.每列实现必须是一种自动适应宽度自动调整列宽。