用交替的颜色列出项目
本文关键字:项目 颜色 | 更新日期: 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#
,这是关于html
和css
的问题。
您可以在纯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