网上有很多人问怎么使用ASP.NET生成多列的含有绑定数据的表格,甚至有人使用Response.write("<table></table>");这种古老的性能低下的方式来生成表格。其实使用服务器端table可是做到这一点。现在我们来使用Repeater控制自定义生成多列包含绑定数据的表格。代码如下:
前台HTML代码如下:
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2Ni5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2Ny5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
1
//
定义全局变量i
2
int
i
=
0
;
3![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2Ni5qcGc%3D.jpg?w=700&webp=1)
void
Repeater1_ItemDataBound(
object
src,RepeaterItemEventArgs e)
{
4![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MTcuanBn.jpg?w=700&webp=1)
if(i%3==0){ //这里的3就代表表格有3列
5
e.Item.Controls.Add(new LiteralControl("</tr><tr>"));
6
}
7
i++;
8
}
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
2
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MS5qcGc%3D.jpg?w=700&webp=1)
3
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2Ni5qcGc%3D.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2Ny5qcGc%3D.jpg?w=700&webp=1)
4
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MTcuanBn.jpg?w=700&webp=1)
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MTguanBn.jpg?w=700&webp=1)
5
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MTkuanBn.jpg?w=700&webp=1)
6
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MjAuanBn.jpg?w=700&webp=1)
7
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MTkuanBn.jpg?w=700&webp=1)
8
![(转贴)使用Repeater实现自定义多列数据绑定 (转贴)使用Repeater实现自定义多列数据绑定](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pLzlkMTFlZWZhZWY5MDVhZTY5NTkwN2M4ZTBmNGQyMWE2MjIuanBn.jpg?w=700&webp=1)