VB.NET实现DataList横向数据交替变色
【打印文章】
昨天群里一个网友在说交替行变色的问题,我一看，这很简单啊，不就是设置一下交替项的背景色不就行了吗?本身DataList他的样式也提供设置啊，不会吗?但是他给我说了。他数据是设置一行显示N条数据的，所以如果说设置了那个交替项的背景色的话根本就没用.这样设置了后，变成对项起作用了。就是说一行有N项,然后那个交替色就变成在这N项当中交替了.....
啊!看来我把问题看简单了!当时我想好像很少遇到过,要不自己试试!...倒.因为最近心情很压抑,心情不太好.烦.没多少心情认真去思考解决方式，用常规自己能想到的几种解决都无法实现，解决很晕.然后逆,就索性不去想了.晚上听完广播后才又想起我要考虑这个问题,呵呵,只用了5分钟时间就想到了这个解决方式,然后逆,又用了5分钟时间去考证是否可行.今天早上来一摆弄,就可以起了。呵呵!
废话就不多说了.这个方法也是我唯一想到的方法,如果您有什么更好的方法，您也可以在这里给我提出.非常感谢!
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm15.aspx.vb" Inherits="WebApplication12.WebForm15"%>
<!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
Public Class WebForm15Class WebForm15
Inherits System.Web.UI.Page
Web 窗体设计器生成的代码#Region " Web 窗体设计器生成的代码 "
''该调用是 Web 窗体设计器所必需的。
<System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()Sub InitializeComponent()
End Sub
Protected WithEvents DataList1 As System.Web.UI.WebControls.DataList
''注意: 以下占位符声明是 Web 窗体设计器所必需的。
''不要删除或移动它。
Private designerPlaceholderDeclaration As System.Object
Private Sub Page_Init()Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init
''CODEGEN: 此方法调用是 Web 窗体设计器所必需的
''不要使用代码编辑器修改它。
InitializeComponent()
End Sub
#End Region
Dim conn As OleDbConnection
Dim i As Integer
Private Sub Page_Load()Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
''在此处放置初始化页的用户代码
conn = New OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;" & "Data Source=" & Server.MapPath("data/link.mdb"))
Dim cmd As New OleDbDataAdapter("select top 15 id,jj from link", conn)
Dim ds As New DataSet
cmd.Fill(ds, "tab")
DataList1.DataSource = ds.Tables("tab")
DataList1.DataBind()
End Sub
Private Sub DataList1_ItemDataBound()Sub DataList1_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataListItemEventArgs) Handles DataList1.ItemDataBound
i = i + 1
If i > 3 And i <= 6 Then
e.Item.BackColor = Color.Blue
End If
If i >= 6 Then
i = 0
End If
End Sub
End Class
在补充一下，这里的i>3 and i<=6这个,我刚才没讲清楚，可能您有点困惑呢!
因为我这里是每行显示三条数据啦.所以这里是3和6,如果您是5条的话，那么就是5和10了,以此类推!
啊!看来我把问题看简单了!当时我想好像很少遇到过,要不自己试试!...倒.因为最近心情很压抑,心情不太好.烦.没多少心情认真去思考解决方式，用常规自己能想到的几种解决都无法实现，解决很晕.然后逆,就索性不去想了.晚上听完广播后才又想起我要考虑这个问题,呵呵,只用了5分钟时间就想到了这个解决方式,然后逆,又用了5分钟时间去考证是否可行.今天早上来一摆弄,就可以起了。呵呵!
废话就不多说了.这个方法也是我唯一想到的方法,如果您有什么更好的方法，您也可以在这里给我提出.非常感谢!
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm15.aspx.vb" Inherits="WebApplication12.WebForm15"%>
<!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
Public Class WebForm15Class WebForm15
Inherits System.Web.UI.Page
Web 窗体设计器生成的代码#Region " Web 窗体设计器生成的代码 "
''该调用是 Web 窗体设计器所必需的。
<System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()Sub InitializeComponent()
End Sub
Protected WithEvents DataList1 As System.Web.UI.WebControls.DataList
''注意: 以下占位符声明是 Web 窗体设计器所必需的。
''不要删除或移动它。
Private designerPlaceholderDeclaration As System.Object
Private Sub Page_Init()Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init
''CODEGEN: 此方法调用是 Web 窗体设计器所必需的
''不要使用代码编辑器修改它。
InitializeComponent()
End Sub
#End Region
Dim conn As OleDbConnection
Dim i As Integer
Private Sub Page_Load()Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
''在此处放置初始化页的用户代码
conn = New OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;" & "Data Source=" & Server.MapPath("data/link.mdb"))
Dim cmd As New OleDbDataAdapter("select top 15 id,jj from link", conn)
Dim ds As New DataSet
cmd.Fill(ds, "tab")
DataList1.DataSource = ds.Tables("tab")
DataList1.DataBind()
End Sub
Private Sub DataList1_ItemDataBound()Sub DataList1_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataListItemEventArgs) Handles DataList1.ItemDataBound
i = i + 1
If i > 3 And i <= 6 Then
e.Item.BackColor = Color.Blue
End If
If i >= 6 Then
i = 0
End If
End Sub
End Class
在补充一下，这里的i>3 and i<=6这个,我刚才没讲清楚，可能您有点困惑呢!
因为我这里是每行显示三条数据啦.所以这里是3和6,如果您是5条的话，那么就是5和10了,以此类推!
本栏文章均来自于互联网，版权归原作者和各发布网站所有，本站收集这些文章仅供学习参考之用。任何人都不能将这些文章用于商业或者其他目的。( Pfan.cn )
【编程爱好者论坛】