怎样让datalist每行颜色不同?

flash_eye 2010-10-29 01:57:43
我把datalist里分成3列,现在我的datalist如果只有2个数据也就是两列时,却每列都有一种颜色,我想
让每行的颜色不同,而不应该是数据少的时候就变成每列颜色不同了,应该怎么做?
asp.net代码:
<asp:datalist id="DataList1" runat="server" ItemStyle-VerticalAlign="Top" Width="780" RepeatColumns="3" GridLines="None" CssClass="font">
<ItemStyle Width="34%" VerticalAlign="Top" HorizontalAlign=Left></ItemStyle>
<AlternatingItemStyle BackColor="#F2F2F2"></AlternatingItemStyle>
<ItemTemplate>
</ItemTemplate>
<FooterStyle BorderStyle="None"></FooterStyle>
</asp:datalist>
...全文
225 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
malingsq 2010-10-29
  • 打赏
  • 举报
回复
挺好的。支持下
huangwenquan123 2010-10-29
  • 打赏
  • 举报
回复

//jquery 奇偶行
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style type="text/css">
body{margin:0px;padding:0px;text-align:center;}
td{border:1px solid #ccc;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("table tr:even").css("background","red");
$("table tr:odd").css("background","yellow");
})
</script>


<table style="border:1px solid #ccc;" cellpadding="0" cellspacing="0">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
happy664618843 2010-10-29
  • 打赏
  • 举报
回复
用table 改变tr的颜色!1
nitaiyoucala 2010-10-29
  • 打赏
  • 举报
回复
用css控制就行了
细嗅蔷薇 2010-10-29
  • 打赏
  • 举报
回复
看datalist 有没有这个 <AlternatingItemTemplate>
有的话在 <AlternatingItemTemplate> 里面把<ItemTemplate>里面的东西
他它里面也写一遍 改下颜色就行了
koukoujiayi 2010-10-29
  • 打赏
  • 举报
回复
界面上属性设置:
DataList的RepeatDirection为Horizontal
DataList的RepeatColumns为3
(RepeatColumns为3不要代码设置)
在DataList的ItemDataBound事件中:

    int i = -1, j = 1;
protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
{
if (e.Item.ItemType != ListItemType.Header & e.Item.ItemType != ListItemType.Footer)
{
i++;
if (i % DataList1.RepeatColumns == 0)//控制一行的数量
{
j++;
i = 0;
}
if (j % 2==0)//控制奇尔数
{
e.Item.BackColor = System.Drawing.Color.Red;
}
}
}

62,272

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧