zoukankan      html  css  js  c++  java
  • 实现DataList横向数据交替变色

    交替行变色的问题,数据是设置一行显示N条数据的,所以如果说设置了那个交替项的背景色的话根本就没用.这样设置了后,变成对项起作用了。就是说一行有N项,然后那个交替色就变成在这N项当中交替了.....

    HTML页:
                <asp:DataList ID="DataList1" runat="server" HorizontalAlign="Center" RepeatColumns="10"
                    ShowFooter="False" ShowHeader="False" Width="100%" RepeatDirection="Horizontal" OnItemDataBound="DL_jmcity_ItemDataBound">
                    <FooterStyle Height="24px" HorizontalAlign="Right" />
                    <ItemTemplate>
                        <div style=" 45px; line-height: 24px;">
                            &nbsp;&nbsp;<a href=index.aspx?id=<%#Eval("id)%>'><%#Eval("title")%></a></div>
                    </ItemTemplate>
                     <AlternatingItemTemplate>
                        <div style=" 45px; line-height: 24px;">
                            &nbsp;&nbsp;<a href=index.aspx?id=<%#Eval("id)%>'><%#Eval("title")%></a></div>
                    </AlternatingItemTemplate>
                    <FooterTemplate>
                        <a href="daohang.aspx"><font color="#2B8100">更多»</font></a>
                    </FooterTemplate>
                </asp:DataList>

    在DataList1中添加ItemDataBound事件,代码如下:(请先声明int i)
            if ((e.Item.ItemType == ListItemType.Item) || (e.Item.ItemType == ListItemType.AlternatingItem))
            {
                i = i + 1;
                if (i > 10&&i <= 20)
                {
                    e.Item.BackColor = System.Drawing.Color.FromName("#ECF4DF");
                }
                if (i >= 20)
                {
                    i = 0;
                }
            }
    注:因为我这里是每行显示10条数据啦.所以这里是10和20,如果您是5条的话,那么就是5和10了,以此类推!
  • 相关阅读:
    laravel 使用DB 鏈接leftJoin查詢
    checkbox复选框,如何让其勾选时触发一个事件,取消勾选时不触发
    js获取上传图片大小,判断上传图片类型,获取图片真实宽度和高度
    如何查看crontab的日志记录
    linux应用之gcc环境的安装
    laravel 获取上一条insert语句产生的id
    laravel多条件查询(and,or嵌套查询)
    laravel ORM 模型关联 with () 用法
    js实现表单提交 onsubmit
    如何利用jquery来给input添加或删除disabled属性
  • 原文地址:https://www.cnblogs.com/SALIN/p/738194.html
Copyright © 2011-2022 走看看