您的位置:首页 > 其它

鼠标停留在GridView某一行时,行的颜色改变

2012-09-27 16:18 369 查看

鼠标停留在GridView某一行时,行的颜色改变

protected void gvdegreetype_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='GhostWhite'");
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='white'");
}
}

或:

[align=left]1.增加GridView的GVSelect_RowDataBound事件[/align]
[align=left]protectedvoid GVSelect_RowDataBound(object sender, GridViewRowEventArgs e)[/align]
[align=left] {[/align]
[align=left] if (e.Row.RowType == DataControlRowType.DataRow)[/align]
[align=left] {[/align]
[align=left] //当鼠标停留时更改背景色[/align]
[align=left] e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#8EC26F'");[/align]
[align=left] //当鼠标移开时还原背景色[/align]
[align=left] e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");[/align]
[align=left] //设置悬浮鼠标指针形状为"小手"[/align]
[align=left] e.Row.Attributes["style"] = "Cursor:hand";[/align]
[align=left] [/align]
[align=left] //单击/双击 事件[/align]
[align=left] e.Row.Attributes.Add("OnClick", "ClickEvent('" + e.Row.Cells[0].Text + "')");[/align]
[align=left] //注:OnClick参数是指明为鼠标单击时间,后个是调用javascript的ClickEvent函数[/align]
[align=left] }[/align]
[align=left]}[/align]
[align=left]2在页面的HTML里添加javascript函数,用来响应鼠标点击事件,因为ASP客户端不能主动调用服务端的函数,我在这里添加一个LinkButton,将其text设置为空,然后在ClickEvent(cId)函数中,调用这个LinkButton的单击事件。[/align]
[align=left]<scriptlanguage="javascript">[/align]
[align=left] function ClickEvent(cId)[/align]
[align=left] {[/align]
[align=left] //调用LinkButton的单击事件,btnBindData是LinkButton的ID[/align]
[align=left] document.getElementById("btnBindData").click();[/align]
[align=left] }[/align]
[align=left]</script>[/align]
[align=left]3.添加LinkButton的响应事件[/align]
[align=left] protectedvoid btnBindData_Click(object sender, EventArgs e)[/align]
[align=left]{[/align]
[align=left] //在这里对你需要的数据信息进行输出[/align]
[align=left] SetClientInfo();//我的处理函数[/align]
[align=left]}[/align]
[align=left]GridView鼠标停留变色和单击处理事件,当鼠标在GridView的行上停留时,将该行变色,当单击该行时,做相应处理[/align]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: