如何實(shí)現(xiàn)gridview行選添加顏色和事件

本篇內(nèi)容主要講解“如何實(shí)現(xiàn)gridview行選添加顏色和事件”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何實(shí)現(xiàn)gridview行選添加顏色和事件”吧!

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

下面是具體的例子：

復(fù)制代碼 代碼如下:

protected void EditGridview_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType== DataControlRowType.DataRow)
{
//當(dāng)鼠標(biāo)放上去的時(shí)候 先保存當(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)離開的時(shí)候 將背景顏色還原的以前的顏色
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor,this.style.fontWeight='';");
//當(dāng)鼠標(biāo)單擊時(shí)，加深色標(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代碼：

復(fù)制代碼 代碼如下:

<script type="text/javascript" >
function setvalue() {
alert('行單擊事件，同時(shí)變色');
}
</script>

到此，相信大家對“如何實(shí)現(xiàn)gridview行選添加顏色和事件”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！