DataList横向排列数据如何实现交替行变色!

转载 2006年06月04日 21:16:00
昨天群里一个网友在说交替行变色的问题,我一看,这很简单啊,不就是设置一下交替项的背景色不就行了吗?本身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 WebForm15
    
Inherits System.Web.UI.Page

#Region " Web 窗体设计器生成的代码 "

    
'该调用是 Web 窗体设计器所必需的。
    <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()

    
End Sub

    
Protected WithEvents DataList1 As System.Web.UI.WebControls.DataList

    
'注意: 以下占位符声明是 Web 窗体设计器所必需的。
    '不要删除或移动它。
    Private designerPlaceholderDeclaration As System.Object

    
Private Sub Page_Init(ByVal sender As System.ObjectByVal 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(ByVal sender As System.ObjectByVal 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(ByVal sender As ObjectByVal 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了,以此类推!

http://www.3qblog.com/oblog312/user1/E_wsq/archives/2006/584.html

相关文章推荐

自定义基于 jQuery 的 tableUI 插件(基偶行颜色交替,活动行变色)

jquery-tableUI-1.0.js ; /* * tableUI 0.1 * Copyright (c) 2014 DavidWood http://blog.csdn.net/xues...

创建数据窗口类实现鼠标移动到的行变色

1、创建数据窗口类 2、定义instence变量 //奇数行颜色 integer ii_r_odd=255 integer ii_g_odd=255 integer ii_b_odd=255 //...

datalist绑定数据,实现增删改查

asp:DataList ID="DataList1" runat="server" CellPadding="4" DataSourceID="ObjectDataSource1" ForeCo...

使用DataList控件绑定数据并实现分页

DataList控件是一种数据绑定控件,下面来介绍一下它与绑定有关的三个属性:     DataKeyField:获取或设置由DataSource属性指定的数据源中的键字段;    DataKeys...

Html5新标签datalist实现输入框跟后台数据库数据的动态匹配

最近项目中涉及到一个小功能,客户在选择供应商时,由于供应商数目较多(大概3000个左右),因此直接生成下拉框显然不现实,所以就更换解决方案,打算借助Html5新增的标签datalist来实现输入中文/...

让你的GridView、DataList 的数据行同时具有单击或双击选中的功能

[本文系原创翻译,转载请注明出处]          Note:          英文原文链接:http://www.codeproject.com/KB/webforms/DoubleClic...

Echarts 单序列数据颜色color交替实现

使用了Echarts的广大朋友们一定发现了option的color属性只对多序列有效果,单序列的图形如果你不使用回调函数自定义,就只能以单一颜色展示数据。本文档通过对series.itemStyle....
  • r4NqiAn
  • r4NqiAn
  • 2015年08月21日 15:01
  • 4277

js 实现 设置表格的交替行颜色

  • 2010年03月31日 11:48
  • 683B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DataList横向排列数据如何实现交替行变色!
举报原因:
原因补充:

(最多只允许输入30个字)