zoukankan      html  css  js  c++  java
  • Repeater隔行变色,两个方式

    <table>  
        <tr>  
            <td>用户编号</td>  
        </tr>  
        <asp:Repeater ID="rptUser" runat="server">  
        <ItemTemplate>  
        <tr style='background-color:<%#(Container.ItemIndex%2==0)?"red":"green"%>'>  
            <td><%#Eval("UID")%></td>  
        </tr>  
        </ItemTemplate>  
        </asp:Repeater>  
    </table>

    在asp.net网站中,绑定repeater时,有时候需要隔行进行变色。如奇数行显示一种颜色,偶数行显示另一种颜色。效果图如上图所示,今天就看看绑定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>  

    可以看出,间隔换色时用到了<AlternatingItemTemplate></AlternatingItemTemplate>。接下来,在样式中稍微设置下,就可以实现了。如下:

    #list{ list-style:none; 330px;}
    #list li{ background:#50A3E5; margin-top:5px;}
    .odd{ color:White;}
    .even{ color:Yellow;}
    最后,绑定行号时用了<%#container.itemindex+1>,ItemIndex从0开始,所以使用时要加1。



  • 相关阅读:
    Java遍历包中所有类方法注解
    mysql字符集问题
    mybatis查询mysql的datetime类型数据时间差了14小时(时区问题)
    mysql 查询的一次bug
    redis分布式锁超时事故
    maven 多个镜像
    maven deploy
    DFS( 修改)
    poj.org --map-- 1002
    nyist 58 最少步数
  • 原文地址:https://www.cnblogs.com/wybshyy/p/13783718.html
Copyright © 2011-2022 走看看