asp:Repeater中实现隔行换色

最新推荐文章于 2023-07-03 11:11:24 发布

转载最新推荐文章于 2023-07-03 11:11:24 发布 · 1k 阅读

标签

#asp.net #C#

C# 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了ASP.NET中Repeater控件的基本用法，并分享了两种实现间隔两行换色的方法，旨在提升用户体验。

第一种方法：

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

                <%--间隔两行换色--%>
               <%-- <tr style='background-color: <%#((Container.ItemIndex)%4==0||(Container.ItemIndex-1)%4==0)?"#fff":"#ccc"%>'> --%>
                    <td>
                        <%# Eval("ID") %>
                    </td>
                    <td>
                        <%# Eval("Name") %>
                    </td>
                    <td>
                        <%# Eval("Address") %>
                    </td>
                </tr>
            </ItemTemplate>
        </asp:Repeater>

第二种方法：

<ul id="list">  
<asp:Repeater ID="rptTest" runat="server">  
<ItemTemplate>  
<li class="odd"><%#Container.ItemIndex+1 %>.<%#Eval("Title") %></li>  
</ItemTemplate>  
<AlternatingItemTemplate>  
<li class="even"><%#Container.ItemIndex+1 %>.<%#Eval("Title") %></li>  
</AlternatingItemTemplate>  
</asp:Repeater>  
</ul>