repeater复杂表格的显示

首先简要的描述一下所要完成的事情：将某一个方言中的每一个声韵调组合，按照格式显示一个字

数据库中的信息：****，声母（Initial），韵母（Final），声调（Tone），一个汉字（Word），******

要显示的数据格式：

刚看到这个问题描述的时候的想法是：1、声母的个数不固定，韵母的个数不固定，声调的个数不固定，这三个信息都需要根据数据库的内容动态的显示。2、另外数据库中的信息是“声、韵、汉字”，这个结构和表格的结构式不同的，也就是要想显示这个表示需要把数据库中的信息重组。3、表格中的某些组合是在数据库中是没有数据的。

想到两个解决方案，第一个是重组出一个这样的dateset表格，然后直接用Repeater绑定这个表格。第二个是在针对每一个表格的声韵调组合，搜索数据库，有就填充数据，没有就显示为空。后面选了第二个解决方案。因为我觉得第一个方案中构造Dataset表格也需要去针对每一个声韵调组合去查询，还不如直接对页面进行操作。（想法比较简单）。

第二个方案中，首先要解决的就是表格的布局问题，据我的了解还没有哪一个控件可以直接实现动态列的显示。而且他本身也不能直接使用数据绑定。所以我选择了用Table、Repeater和LIteral的组合，通过Literal在后台自己构造一个这样样式的表格。下面就是工作的过程。

首先：在页面中插入repeater的空间，在HeaderTemplate标签中插入第一个Literal控件LiteralHeaderRow，用于显示前两行《韵母》和《声调》的信息，在ItemTemplate中插入第二个Literal控件LiteralItem，用于显示《声母》和《数据》信息。

在后台的代码中，我设定了三个字典，Dictionary<string, int> DicYunMu（key为韵母，value为韵母下声调的个数）、Dictionary<string, int> DicShengDiao （key为声调）、  Dictionary<string, int>  DicShengMu （key为声母）    。

 

在表格的前两行显示表头，韵母和声调信息。方法为表头用一张图片完成，rowspan=2.。然后在第一行输出韵母（个数为DicYunMu.count，单元格内容为DicYunMu.key.tostring()），在第二行输出声调信息DIcShengDiao.key.tostring()，重复DicYunMu.count次。这样就完成了标头的显示。

 

剩下的就是数据的显示，一行的单元格个数为DicYunMu.count*DicShengDiao.count，每一行的数据的获取可以由DicShengMu.key、DicYunMu.key、DicShengDiao.key共同确定，根据这三个条件去数据表中检索，有数据，这填充数据，没有则为空。

到目前这样，就完成了数据的显示。实际上，这个显示还是有很多可以优化的地方。比方说我可以把第一次显示的方言信息在服务器上存成一张excel表，当我再次访问时，不用查询数据库，直接利用技术将excel贴在页面上显示。有什么问题和不足希望大家多多的指正。  下面是最终的效果

转载于:https://www.cnblogs.com/xiangfeng/p/3391635.html