列出具有交替颜色的项目

时间:2012-01-19 14:11:58

标签: c# asp.net

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

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

我知道我可以使用javascript做到这一点,但不愿意这样做。

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

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

    <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>

2 个答案:

答案 0 :(得分:4)

描述

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

您可以使用纯css执行此操作。查看我的示例和jsFiddle Demonstration

示例

<强> CSS

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

答案 1 :(得分:2)

查看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