技术开发 频道

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

【IT168 技术文档】

  昨天群里一个网友在说交替行变色的问题,我一看,这很简单啊,不就是设置一下交替项的背景色不就行了吗?本身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 #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,以此类推。

0
相关文章