Reapter的排版问题
一、Reapter按行按列排版方法
三行输出:
<asp:Repeater id="Test" runat="server">
<HeaderTemplate>
<table>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>aa</td>
</tr>
</ItemTemplate>
</asp:Repeater>
<FooterTemplate>
</table>
</FooterTemplate>
三列输出:
<asp:Repeater id="test2" runat="server">
<HeaderTemplate>
<table>
<tr>
</HeaderTemplate>
<ItemTemplate>
<td>aa</td>
</ItemTemplate>
<FooterTemplate>
</tr>
</table>
</FooterTemplate>
绑定记录到ItemTemplate即可
二、使用Repeater控制自定义生成多列包含绑定数据的表格
代码如下:
前台HTML代码如下:
<asp:Repeater runat="server" id="repeater1" OnItemDataBound="Repeater1_ItemDataBound">
<HeaderTemplate>
<table width="100%" border=0 align="center"><tr>
</HeaderTemplate>
<ItemTemplate>
<td><%#DataBinder.Eval(Container.DataItem,"字段名")%></td>
</ItemTemplate>
<FooterTemplate>
</tr></table>
</FooterTemplate>
</asp:Repeater>
后台代码如下:
三行输出:
<asp:Repeater id="Test" runat="server">
<HeaderTemplate>
<table>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>aa</td>
</tr>
</ItemTemplate>
</asp:Repeater>
<FooterTemplate>
</table>
</FooterTemplate>
三列输出:
<asp:Repeater id="test2" runat="server">
<HeaderTemplate>
<table>
<tr>
</HeaderTemplate>
<ItemTemplate>
<td>aa</td>
</ItemTemplate>
<FooterTemplate>
</tr>
</table>
</FooterTemplate>
绑定记录到ItemTemplate即可
二、使用Repeater控制自定义生成多列包含绑定数据的表格
代码如下:
前台HTML代码如下:
<asp:Repeater runat="server" id="repeater1" OnItemDataBound="Repeater1_ItemDataBound">
<HeaderTemplate>
<table width="100%" border=0 align="center"><tr>
</HeaderTemplate>
<ItemTemplate>
<td><%#DataBinder.Eval(Container.DataItem,"字段名")%></td>
</ItemTemplate>
<FooterTemplate>
</tr></table>
</FooterTemplate>
</asp:Repeater>1
//定义全局变量i
2
int i=0;
3
void Repeater1_ItemDataBound(object src,RepeaterItemEventArgs e){
4
if(i%3==0){ //这里的3就代表表格有3列
5
e.Item.Controls.Add(new LiteralControl("</tr><tr>"));
6
}
7
i++;
8
}
//定义全局变量i2
int i=0;3
void Repeater1_ItemDataBound(object src,RepeaterItemEventArgs e){4
if(i%3==0){ //这里的3就代表表格有3列5
e.Item.Controls.Add(new LiteralControl("</tr><tr>"));6
}7
i++;8
}
浙公网安备 33010602011771号