用交替的颜色列出项目

本文关键字:项目 颜色 | 更新日期: 2023-09-27 18:20:42

我有一个模板文件,其中填充了数据。然而,我希望能够为每个奇数列表元素写一个类。

我遇到的问题是,当没有数据时,列出的一些字段是隐藏的,因此我不能简单地写入其他元素的类。

我知道我可以使用javascript来完成这项工作,但我不愿意这样做。

有没有什么方法可以使用page_preender来查看将要显示的列表项,并为每个奇数元素添加一个类?

例如,我的模板看起来像这样,但有更多的字段:

    <ul>
    <li>
    <h3>Data title</h3>
    <p><%=GetDymanicData1 %></p>
    </li>
<!-- if statement to check if data has value, else do not show -->
    <li>
    <h3>Data title</h3>
    <p><%=GetDymanicData2 %></p>
    </li>
    <li>
    <h3>Data title</h3>
    <p><%=GetDymanicData2 %></p>
    </li>
    ...
    </ul>

用交替的颜色列出项目

描述

这不是c#,这是关于htmlcss的问题。

您可以在纯css中执行此操作。看看我的样品和这个jsFiddle演示

样品

CSS

li:first-child {background: #FF0}
li:nth-child(2n+3) {background: #CCC}

查看Repeater控件:http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.repeater.aspx

中继器支持为每个数据项提供一个模板,以及一个交替的项模板,该模板应用于项列表中的每个其他项。示例如下:http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.repeater.alternatingitemtemplate.aspx