当前位置: 代码迷 >> ASP.NET >> Repeater如何显示里面的行的颜色
  详细解决方案

Repeater如何显示里面的行的颜色

热度:8773   发布时间:2013-02-25 00:00:00.0
Repeater怎么显示里面的行的颜色
现在用Repeater来绑定数据, 如果有4行记录 要求偶数行有颜色 !那位大哥能帮忙解决一下谢谢

------解决方案--------------------------------------------------------
HTML code
<asp:Repeater ID="Repeater1" runat="server">             <ItemTemplate>                 <tr style='background-color: <%#(Container.ItemIndex%2==0)?"#fff":"#ccc"%>'>                     <td>                         <%# Eval("ID") %>                     </td>                     <td>                         <%# Eval("Name") %>                     </td>                     <td>                         <%# Eval("Address") %>                     </td>                 </tr>             </ItemTemplate>         </asp:Repeater>
------解决方案--------------------------------------------------------
直接加style,如上,或在模板头加个class,还有就是用JS直接获取那些行集合,然后给个背景值。
------解决方案--------------------------------------------------------
<ItemTemplate>
<tr bgcolor='<%#(Container.ItemIndex%2 == 0)?"#ffffff":"#ebf5ff"%>'>
<td><%# Eval("LOGIN")%>
</td>
<td><%# Eval("NAME")%>
</td>
<td>单位<%--<%# Eval("jh")%>--%>
</td>
<td><%# Eval("COMMUNICATION")%>
</td>
<td><%# Eval("APPOINTMENT")%>
</td>
<td><%# Eval("MOBILE")%>
</td>
<td>
<asp:CheckBox ID="CheckBox1" runat="server" />
</td>
</tr>
</ItemTemplate>
------解决方案--------------------------------------------------------
探讨
HTML code

<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<tr style='background-color: <%#(Container.ItemIndex%2==0)?"#fff":"#ccc"%>'>
……

------解决方案--------------------------------------------------------
使用交替模板就行
当然只是颜色区别,用一楼方法就很好了
  相关解决方案