Repeater动态生成列

Repeater动态生成列

最近要做一个表头有多个重复项并且列的个数不固定的表,由于要和整个系统其他页面保持一致,所以就用Repeater控件来做,网上搜了一下Repeater动态生成列,找出来的东西参考价值都不高,就只能按照自己的想法去试。

在这里插入图片描述如图所示,A、B、C、D、E等列是从数据库中获取的,每列下分为重复的四列。
首先是从数据库读出动态列的数据,并且整合要绑定的数据,数据的整合就不过多描述,最终的结果就是将所有数据整合成表头形式的数据集。
重点是Repeater的前后台怎么来写。
下面附上相关代码截图:
在这里插入图片描述

注意截图中标红的地方,后台动态生成的代码将会赋值给这个控件,对于Literal控件这里不得不提一下了,以下是比较官方的解释,我的理解就是,这个控件和常用Label的不同在于它不允许向其内应用样式,也就是说它是个纯净版,你给它赋什么值它回传到前端的就是什么。

在这里插入图片描述
好了,前台就是这样,当然如果不想在前台直接绑定数据,把现有的这几个字段的绑定放在后台也是ok的。
下面看看后台的代码:
在这里插入图片描述
我们在Repeater的OnItemDataBound事件中去处理表头及绑定数据,首先判断当前行是不是标题行,在标题行中循环数据集生成相应的页面html,赋值给控件Literal,然后对数据行循环绑值,并添加相应的格式。
经过不断的测试及调整最后终于将表格给做出来了,整个过程中也遇到过很多问题,反复调试并查看浏览器页面展示相关代码,最后终于成功。
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值