当前位置： 移动技术网 > IT编程>开发语言>.net > asp.net GridView和DataList实现鼠标移到行行变色

asp.net GridView和DataList实现鼠标移到行行变色

2018年02月26日  | 移动技术网IT编程  | 我要评论

建筑配景,濮匡正,ca1150

在gridview控件的rowdatabound事件里添加以下代码
if (e.row.rowtype == datacontrolrowtype.datarow)
{
//当鼠标移到行上时更改背景色
e.row.attributes.add("onmouseover", "c=this.style.backgroundcolor;this.style.backgroundcolor='#ee82ee'");
//当鼠标移开时还原背景色
e.row.attributes.add("onmouseout", "this.style.backgroundcolor=c");
}
在设计页面添加了datalist控件后，我在使用datalist绑定数据时是通过单元格来绑定的,因此鼠标效果就在源代码页面去实现，如下例所示
<asp:datalist id="datalist1" runat="server" borderwidth="1" >
<itemtemplate>
<tr onmouseover="this.style.backgroundcolor='#8ec26f'" onmouseout="this.style.backgroundcolor=''" >
<td>
<asp:label id="label1" runat="server" text='<%# databinder.eval(container, "dataitem.id") %>'></asp:label>
</td>
<td>
<asp:label id="label2" runat="server" text='<%# databinder.eval(container, "dataitem.area") %>'></asp:label>
</td>
</tr>
</itemtemplate>
<headertemplate>
header1</td>
<td>header2
</headertemplate>
</asp:datalist>

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网