在gridview 列表中，需要添加如下效果，如果經(jīng)過時變色，移開時還原成以前的顏色，行選中時通過加深色，從而知道選中了哪行

在gridview 列表中，需要添加如下效果，如果經(jīng)過時變色，移開時還原成以前的顏色，行選中時通過加深色，從而知道選中了哪行，特別是列表數(shù)據(jù)比較多的時候，標(biāo)志很重要，同時觸發(fā)選中行事件，那么如何 行選中加顏色，同時也出發(fā)我們事件了？如果我們通入 e.Row.Attributes.Add("onclick", 綁定兩次，發(fā)現(xiàn)只能觸發(fā)其中的一個，其實可以把另個放到一個里面

下面是具體的例子：

protected void EditGridview_RowDataBound(object sender, GridViewRowEventArgs e)

{

if (e.Row.RowType== DataControlRowType.DataRow)

{

//當(dāng)鼠標(biāo)放上去的時候 先保存當(dāng)前行的背景顏色 并給附一顏色

e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='inactivecaptiontext',this.style.fontWeight

='';this.style.cursor='hand';");

//當(dāng)鼠標(biāo)離開的時候 將背景顏色還原的以前的顏色

e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor,this.style.fontWeight='';");

//當(dāng)鼠標(biāo)單擊時，加深色標(biāo)志

e.Row.Attributes.Add("onclick", "setvalue();if(window.oldtr!=null){window.oldtr.runtimeStyle.cssText='';}this.runtimeStyle.cssText='background-color:#e6c5fc';window.oldtr=this");

}

}

js代碼：

<script type="text/javascript" >

function setvalue() {

alert('行單擊事件，同時變色');

}

</script>

更多信息請查看IT技術(shù)專欄