datalist行鼠标悬浮变色问题
datalist是间隔色:<AlternatingItemStyleBackColor="White"ForeColor="#284775"/><ItemStyleBac...
datalist是间隔色:
<AlternatingItemStyle BackColor="White" ForeColor="#284775" />
<ItemStyle BackColor="#F7F6F3" ForeColor="#333333" />怎么写鼠标悬浮变红色 移开变回原色? 点击此行变成绿色? 展开
<AlternatingItemStyle BackColor="White" ForeColor="#284775" />
<ItemStyle BackColor="#F7F6F3" ForeColor="#333333" />怎么写鼠标悬浮变红色 移开变回原色? 点击此行变成绿色? 展开
1个回答
2013-06-24
展开全部
兄弟这个可能有点难度DataList不像Gridview一样可以直接添加Attributes(添加了也没有用)但是你可以考虑用js写提供一种思路 <asp:DataList ID="DataList1" runat="server" DataSourceID="ObjectDataSource1" OnItemDataBound="DataList1_ItemDataBound">
<ItemTemplate>
LId:
<asp:Label ID="LIdLabel" runat="server" Text='<%# Eval("LId") %>'></asp:Label>
LineName:
<asp:Label ID="LineNameLabel" runat="server" Text='<%# Eval("LineName") %>'></asp:Label>
</ItemTemplate>
<AlternatingItemStyle BackColor="#8080FF" />
<ItemStyle BackColor="#FF8080" />
</asp:DataList>
<script type="text/javascript">
var table = document.getElementById("DataList1");
var trs = table.getElementsByTagName("tr");
for(var i = 0 ;i<trs.length;i++)
{
trs[i].onclick =demo;
}
function demo()
{
alert( this);
}
</script> 你可以参照这个试下....
<ItemTemplate>
LId:
<asp:Label ID="LIdLabel" runat="server" Text='<%# Eval("LId") %>'></asp:Label>
LineName:
<asp:Label ID="LineNameLabel" runat="server" Text='<%# Eval("LineName") %>'></asp:Label>
</ItemTemplate>
<AlternatingItemStyle BackColor="#8080FF" />
<ItemStyle BackColor="#FF8080" />
</asp:DataList>
<script type="text/javascript">
var table = document.getElementById("DataList1");
var trs = table.getElementsByTagName("tr");
for(var i = 0 ;i<trs.length;i++)
{
trs[i].onclick =demo;
}
function demo()
{
alert( this);
}
</script> 你可以参照这个试下....
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询