首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

DataList的颜色有关问题

2011-12-19 
DataList的颜色问题asp:DataListid DataList1 runat server Width 100% ItemTemplateTABLEh

DataList的颜色问题
<asp:DataList   id= "DataList1 "   runat= "server "   Width= "100% "> <ItemTemplate> <TABLE   height= "1 "   cellSpacing= "0 "   cellPadding= "0 "   width= "100% "   border= "0 "> <TR>
<TD   bgColor= "#6d7bf7 "> </TD> </TR> </TABLE>
<TABLE   height= "20 "   cellSpacing= "0 "   cellPadding= "0 "   width= "100% "   bgColor= "#dbe9fb "   border= "0 "> <TR>
<TD   class= "lanlv12-2 "   align= "center "   width= "10% "> 发言人: </TD>
<TD   align= "left "   width= "15% ">
<asp:Label   id= "Label1 "   runat= "server "> </asp:Label> </TD>
<TD   class= "lanlv12-2 "   align= "center "   width= "10% "> 发言时间: </TD>
<TD   align= "left "   width= "66% ">
<asp:Label   id= "Label2 "   runat= "server "> </asp:Label> </TD> </TR> </TABLE> <TABLE   height= "80 "   cellSpacing= "4 "   cellPadding= "4 "   width= "100% "   border= "0 "> <TR> <TD   vAlign= "top "   align= "left ">
<asp:Label   id= "Label3 "   runat= "server "> </asp:Label> </TD>
</TR>
</TABLE>
</ItemTemplate>
</asp:DataList>
===========================================
我想显示的时候把
<TABLE   height= "20 "   cellSpacing= "0 "   cellPadding= "0 "   width= "100% "   bgColor= "#dbe9fb "   border= "0 "> <TR>
<TD   class= "lanlv12-2 "   align= "center "   width= "10% "> 发言人: </TD>
<TD   align= "left "   width= "15% ">
<asp:Label   id= "Label1 "   runat= "server "> </asp:Label> </TD>
<TD   class= "lanlv12-2 "   align= "center "   width= "10% "> 发言时间: </TD>
<TD   align= "left "   width= "66% ">
<asp:Label   id= "Label2 "   runat= "server "> </asp:Label> </TD> </TR> </TABLE>
的背景色换成别的   颜色交替

在事件private   void   DataList1_ItemDataBound(object   sender,   System.Web.UI.WebControls.DataListItemEventArgs   e)
{}
怎么写

[解决办法]
模板里面可以设置!不用写代码吧!!
[解决办法]
如果只是想颜色不同,你再写一个AlternatingItemTemplate,然后让其颜色和ItemTemplate不一样就可以了

如果是想鼠标移动的时候颜色动态交替更改,可以

private void DataList1_ItemDataBound(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)
{
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
e.Item.Attributes.Add( "onmouseover ", "this.style.backgroundColor= 'seashell ' ");
if(e.Item.ItemType == ListItemType.Item)
{
e.Item.Attributes.Add( "onmouseout ", "this.style.backgroundColor= '#ffffff ' ");


}

if(e.Item.ItemType ==ListItemType.AlternatingItem)
{
e.Item.Attributes.Add( "onmouseout ", "this.style.backgroundColor= 'seashell ' ");
}
}
}
[解决办法]
<asp:DataList id= "DataList1 " runat= "server " Width= "100% ">
<ItemTemplate>
<TABLE height= "1 " cellSpacing= "0 "cellPadding= "0 " width= "100% " border= "0 "> <TR> <TD bgColor= "#6d7bf7 "> </TD> </TR> </TABLE>
<TABLE height= "20 " cellSpacing= "0 " cellPadding= "0 " width= "100% " bgColor= "颜色1 " border= "0 ">
<TR> <TD class= "lanlv12-2 " align= "center " width= "10% "> 发言人: </TD>
<TD align= "left " width= "15% "> <asp:Label id= "Label1 " runat= "server "> </asp:Label> </TD>
<TD class= "lanlv12-2 " align= "center " width= "10% "> 发言时间: </TD>
<TD align= "left " width= "66% "> <asp:Label id= "Label2 " runat= "server "> </asp:Label> </TD>
</TR> </TABLE>
<TABLE height= "80 " cellSpacing= "4 " cellPadding= "4 " width= "100% " border= "0 ">
<TR> <TD vAlign= "top " align= "left "> <asp:Label id= "Label3 " runat= "server "> </asp:Label> </TD>
</TR> </TABLE>
</ItemTemplate>
<AlternatingItemTemplate>
<TABLE height= "1 " cellSpacing= "0 " cellPadding= "0 " width= "100% " border= "0 "> <TR> <TD bgColor= "#6d7bf7 "> </TD> </TR> </TABLE>
<TABLE height= "20 " cellSpacing= "0 " cellPadding= "0 " width= "100% " bgColor= "颜色2 " border= "0 ">
<TR> <TD class= "lanlv12-2 " align= "center " width= "10% "> 发言人: </TD>
<TD align= "left " width= "15% "> <asp:Label id= "Label4 " runat= "server "> </asp:Label> </TD>
<TD class= "lanlv12-2 " align= "center " width= "10% "> 发言时间: </TD>
<TD align= "left " width= "66% "> <asp:Label id= "Label5 " runat= "server "> </asp:Label> </TD>
</TR> </TABLE>
<TABLE height= "80 " cellSpacing= "4 " cellPadding= "4 " width= "100% " border= "0 ">
<TR> <TD vAlign= "top " align= "left "> <asp:Label id= "Label6 " runat= "server "> </asp:Label> </TD>
</TR> </TABLE>
</AlternatingItemTemplate>
</asp:DataList>
[解决办法]
<asp:DataList id= "DataList1 " runat= "server " Width= "100% ">
<ItemTemplate>
<TABLE height= "1 " cellSpacing= "0 " cellPadding= "0 " width= "100% " border= "0 ">
<TR>
<TD bgColor= "#6d7bf7 "> </TD>
</TR>
</TABLE>
<TABLE height= "20 " cellSpacing= "0 " cellPadding= "0 " width= "100% " bgColor= "#dbe9fb " border= "0 ">


<TR>
<TD class= "lanlv12-2 " align= "center " width= "10% "> 发言人: </TD>
<TD align= "left " width= "15% ">
<asp:Label id= "Label1 " runat= "server "> </asp:Label>
</TD>
<TD class= "lanlv12-2 " align= "center " width= "10% "> 发言时间: </TD>
<TD align= "left " width= "66% ">
<asp:Label id= "Label2 " runat= "server "> </asp:Label>
</TD>
</TR>
</TABLE>
<TABLE height= "80 " cellSpacing= "4 " cellPadding= "4 " width= "100% " border= "0 ">
<TR> <TD vAlign= "top " align= "left ">
<asp:Label id= "Label3 " runat= "server "> </asp:Label> </TD>
</TR>
</TABLE>
</ItemTemplate>
<AlternatingItemTemplate>
<TABLE height= "1 " cellSpacing= "0 " cellPadding= "0 " width= "100% " border= "0 ">
<TR>
<TD bgColor= "#112233 "> </TD>
</TR>
</TABLE>
<TABLE height= "20 " cellSpacing= "0 " cellPadding= "0 " width= "100% " bgColor= "#112233 " border= "0 ">
<TR>
<TD class= "lanlv12-2 " align= "center " width= "10% "> 发言人: </TD>
<TD align= "left " width= "15% ">
<asp:Label id= "Label1 " runat= "server "> </asp:Label>
</TD>
<TD class= "lanlv12-2 " align= "center " width= "10% "> 发言时间: </TD>
<TD align= "left " width= "66% ">
<asp:Label id= "Label2 " runat= "server "> </asp:Label>
</TD>
</TR>
</TABLE>
<TABLE height= "80 " cellSpacing= "4 " cellPadding= "4 " width= "100% " border= "0 ">
<TR> <TD vAlign= "top " align= "left ">
<asp:Label id= "Label3 " runat= "server "> </asp:Label> </TD>
</TR>
</TABLE>
<AlternatingItemTemplate>
</asp:DataList>
[解决办法]
高歌兄的方法可以用的

热点排行