至顶网›软件频道 ›VB.NET实现DataList横向数据交替变色

VB.NET实现DataList横向数据交替变色

扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条

昨天群里一个网友在说交替行变色的问题，我一看，这很简单啊，不就是设置一下交替项的背景色不就行了吗?本身DataList他的样式也提供设置啊，不会吗?啊!看来我把问题看简单了!当时我想好像很少遇到过，要不自己试试!...倒。

作者：.NET文档来源：.NET文档 2007年9月10日

昨天群里一个网友在说交替行变色的问题，我一看，这很简单啊，不就是设置一下交替项的背景色不就行了吗?本身DataList他的样式也提供设置啊，不会吗?但是他给我说了。他数据是设置一行显示N条数据的，所以如果说设置了那个交替项的背景色的话根本就没用。这样设置了后，变成对项起作用了。就是说一行有N项，然后那个交替色就变成在这N项当中交替了.....

啊!看来我把问题看简单了!当时我想好像很少遇到过，要不自己试试!...倒。因为最近心情很压抑，心情不太好。烦！没多少心情认真去思考解决方式，用常规自己能想到的几种解决都无法实现，解决很晕。然后呢，就索性不去想了。晚上听完广播后才又想起我要考虑这个问题，呵呵，只用了5分钟时间就想到了这个解决方式，然后呢，又用了5分钟时间去考证是否可行。今天早上来一摆弄，就可以起了。呵呵!

废话就不多说了。这个方法也是我唯一想到的方法，如果您有什么更好的方法，您也可以在这里给我提出。非常感谢!

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<title>WebForm15title>

<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了,以此类推!

查看本文来源

实现DataList和Repeater控件的分页显示

VIP专区

VIP用户

普通用户

邮件订阅

如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。

重磅专题

往期文章

VB.NET实现DataList横向数据交替变色

业界热点: