zl程序教程

您现在的位置是:首页 >  其他

当前栏目

gridview行选添加颜色和事件

事件 添加 颜色 GridView
2023-06-13 09:15:20 时间
在gridview列表中,需要添加如下效果,如果经过时变色,移开时还原成以前的颜色,行选中时通过加深色,从而知道选中了哪行,特别是列表数据比较多的时候,标志很重要,同时触发选中行事件,那么如何行选中加颜色,同时也出发我们事件了?如果我们通入e.Row.Attributes.Add("onclick",绑定两次,发现只能触发其中的一个,其实可以把另个放到一个里面

下面是具体的例子:
复制代码代码如下:

protectedvoidEditGridview_RowDataBound(objectsender,GridViewRowEventArgse)
{
if(e.Row.RowType==DataControlRowType.DataRow)
{
//当鼠标放上去的时候先保存当前行的背景颜色并给附一颜色
e.Row.Attributes.Add("onmouseover","currentcolor=this.style.backgroundColor;this.style.backgroundColor="inactivecaptiontext",this.style.fontWeight="";this.style.cursor="hand";");
//当鼠标离开的时候将背景颜色还原的以前的颜色
e.Row.Attributes.Add("onmouseout","this.style.backgroundColor=currentcolor,this.style.fontWeight="";");
//当鼠标单击时,加深色标志
e.Row.Attributes.Add("onclick","setvalue();if(window.oldtr!=null){window.oldtr.runtimeStyle.cssText="";}this.runtimeStyle.cssText="background-color:#e6c5fc";window.oldtr=this");

}


}

js代码:
复制代码代码如下:

<scripttype="text/javascript">
functionsetvalue(){
alert("行单击事件,同时变色");
}
</script>