[原创]DataList横向排列数据如何实现交替行变色!
2005-09-09 22:03
786 查看
昨天群里一个网友在说交替行变色的问题,我一看,这很简单啊,不就是设置一下交替项的背景色不就行了吗?本身DataList他的样式也提供设置啊,不会吗?但是他给我说了。他数据是设置一行显示N条数据的,所以如果说设置了那个交替项的背景色的话根本就没用.这样设置了后,变成对项起作用了。就是说一行有N项,然后那个交替色就变成在这N项当中交替了.....
啊!看来我把问题看简单了!当时我想好像很少遇到过,要不自己试试!...倒.因为最近心情很压抑,心情不太好.烦.没多少心情认真去思考解决方式,用常规自己能想到的几种解决都无法实现,解决很晕.然后逆,就索性不去想了.晚上听完广播后才又想起我要考虑这个问题,呵呵,只用了5分钟时间就想到了这个解决方式,然后逆,又用了5分钟时间去考证是否可行.今天早上来一摆弄,就可以起了。呵呵!
废话就不多说了.这个方法也是我唯一想到的方法,如果您有什么更好的方法,您也可以在这里给我提出.非常感谢!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>WebForm15</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<asp:datalist id="DataList1" style="Z-INDEX: 101; LEFT: 111px; POSITION: absolute; TOP: 54px"
runat="server" RepeatDirection="Horizontal" RepeatColumns="3" Width="234px">
<ItemTemplate>
<asp:Label ID="lblmsg" Runat=server Text='<%# DataBinder.Eval(Container.DataItem,"id").ToString() %>'>
</asp:Label>
</ItemTemplate>
<AlternatingItemTemplate>
<asp:Label ID="Label2" Runat=server Text='<%# DataBinder.Eval(Container.DataItem,"id").ToString() %>'>
</asp:Label>
</AlternatingItemTemplate>
</asp:datalist></form>
</body>
</HTML>
Imports System
Imports System.Data
Imports System.Data.oledb
在补充一下,这里的i>3 and i<=6这个,我刚才没讲清楚,可能您有点困惑呢!
因为我这里是每行显示三条数据啦.所以这里是3和6,如果您是5条的话,那么就是5和10了,以此类推!
发表于 2005-09-07 09:24 @==超级苯苯==@ 阅读(595) 评论(3) 编辑 收藏 收藏至365Key
评论
# re: [原创]DataList横向排列数据如何实现交替行变色!
我是这么实现的 listAnnounce_ItemDataBound
if(e.Item.ItemIndex == -1)
return;
System.Web.UI.HtmlControls.HtmlTableCell tdfirst = new HtmlTableCell();
System.Web.UI.HtmlControls.HtmlTableCell tdsecond = new HtmlTableCell();
int i = e.Item.ItemIndex ;
tdfirst = (HtmlTableCell)e.Item.FindControl("firsttd");
if(tdfirst != null)
{
if(i%4 == 0) //第一行的背景色
tdfirst.BgColor = "#eaeaea";
else if(i%2 == 0) //第二行的背景色
tdfirst.BgColor = "#f3f3f3";
}
tdsecond = (HtmlTableCell)e.Item.FindControl("secondtd");
if(tdsecond != null)
{
if(i%4 == 1)//第一行的背景色
tdsecond.BgColor = "#eaeaea";
else if(i % 4 == 3)
tdsecond.BgColor = "#f3f3f3";
}
振河 评论于 2005-09-07 10:19
# re: [原创]DataList横向排列数据如何实现交替行变色!
谢谢楼上的,不过这个好像比较烦琐!
@==超级苯苯==@ 评论于 2005-09-07 15:50
# re: [原创]DataList横向排列数据如何实现交替行变色!
振河 写的好啊!!
啊!看来我把问题看简单了!当时我想好像很少遇到过,要不自己试试!...倒.因为最近心情很压抑,心情不太好.烦.没多少心情认真去思考解决方式,用常规自己能想到的几种解决都无法实现,解决很晕.然后逆,就索性不去想了.晚上听完广播后才又想起我要考虑这个问题,呵呵,只用了5分钟时间就想到了这个解决方式,然后逆,又用了5分钟时间去考证是否可行.今天早上来一摆弄,就可以起了。呵呵!
废话就不多说了.这个方法也是我唯一想到的方法,如果您有什么更好的方法,您也可以在这里给我提出.非常感谢!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>WebForm15</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<asp:datalist id="DataList1" style="Z-INDEX: 101; LEFT: 111px; POSITION: absolute; TOP: 54px"
runat="server" RepeatDirection="Horizontal" RepeatColumns="3" Width="234px">
<ItemTemplate>
<asp:Label ID="lblmsg" Runat=server Text='<%# DataBinder.Eval(Container.DataItem,"id").ToString() %>'>
</asp:Label>
</ItemTemplate>
<AlternatingItemTemplate>
<asp:Label ID="Label2" Runat=server Text='<%# DataBinder.Eval(Container.DataItem,"id").ToString() %>'>
</asp:Label>
</AlternatingItemTemplate>
</asp:datalist></form>
</body>
</HTML>
Imports System
Imports System.Data
Imports System.Data.oledb
在补充一下,这里的i>3 and i<=6这个,我刚才没讲清楚,可能您有点困惑呢!
因为我这里是每行显示三条数据啦.所以这里是3和6,如果您是5条的话,那么就是5和10了,以此类推!
发表于 2005-09-07 09:24 @==超级苯苯==@ 阅读(595) 评论(3) 编辑 收藏 收藏至365Key
评论
# re: [原创]DataList横向排列数据如何实现交替行变色!
我是这么实现的 listAnnounce_ItemDataBound
if(e.Item.ItemIndex == -1)
return;
System.Web.UI.HtmlControls.HtmlTableCell tdfirst = new HtmlTableCell();
System.Web.UI.HtmlControls.HtmlTableCell tdsecond = new HtmlTableCell();
int i = e.Item.ItemIndex ;
tdfirst = (HtmlTableCell)e.Item.FindControl("firsttd");
if(tdfirst != null)
{
if(i%4 == 0) //第一行的背景色
tdfirst.BgColor = "#eaeaea";
else if(i%2 == 0) //第二行的背景色
tdfirst.BgColor = "#f3f3f3";
}
tdsecond = (HtmlTableCell)e.Item.FindControl("secondtd");
if(tdsecond != null)
{
if(i%4 == 1)//第一行的背景色
tdsecond.BgColor = "#eaeaea";
else if(i % 4 == 3)
tdsecond.BgColor = "#f3f3f3";
}
振河 评论于 2005-09-07 10:19
# re: [原创]DataList横向排列数据如何实现交替行变色!
谢谢楼上的,不过这个好像比较烦琐!
@==超级苯苯==@ 评论于 2005-09-07 15:50
# re: [原创]DataList横向排列数据如何实现交替行变色!
振河 写的好啊!!
相关文章推荐
- [原创]DataList横向排列数据如何实现交替行变色!
- DataList如何实现横向排列数据交替行变色!
- DataList如何实现横向排列数据交替行变色!
- DataList横向排列数据如何实现交替行变色!
- DataList横向排列数据实现交替行变色
- 实现DataList横向数据交替变色
- VB.NET实现DataList横向数据交替变色
- DataList实现绑定数据的横向排列[转]
- [原创]如何在MS Ajax Extensions 1.0中实现数据加载时的等待对话框
- 【原创】c#如何实现RTU远程数据采集功能及RTU在水利工程中的运用
- DataList实现横向的数据显示
- [原创]如何实现MySQL表数据随机读取
- . 有一个一维数组,里面存储整形数据,请写一个函数,将他们按从大到小的顺序排列,要求执行效率高,并说明如何改善执行效率(该函数必须自己实现,不能使用php函数)。
- 如何实现在线数据的离线浏览和修改
- 如何实现横向聚合
- 在ASP.NET 2.0中操作数据之三十五:使用Repeater和DataList单页面实现主/从报表
- SQL语句实现合并数据(原创)
- unity数据持久化-如何保存多个帐号密码并切换任意用户实现登陆
- 如何实现不同数据存储模式之间的数据转换
- 如何实现SAP的RFC函数调用(原创)