gridview 行選添加顏色和事件
更新時間：2014年03月22日 18:19:56 作者：
在gridview 列表中，需要添加如下效果，如果經(jīng)過時變色，移開時還原成以前的顏色，行選中時通過加深色，從而知道選中了哪行
在gridview 列表中，需要添加如下效果，如果經(jīng)過時變色，移開時還原成以前的顏色，行選中時通過加深色，從而知道選中了哪行，特別是列表數(shù)據(jù)比較多的時候，標志很重要，同時觸發(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)
{
//當鼠標放上去的時候 先保存當前行的背景顏色 并給附一顏色
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代碼：
<script type="text/javascript" >
function setvalue() {
alert('行單擊事件，同時變色');
}
</script>
下面是具體的例子：
復制代碼 代碼如下:
protected void EditGridview_RowDataBound(object sender, GridViewRowEventArgs e)
{
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代碼：
復制代碼 代碼如下:
<script type="text/javascript" >
function setvalue() {
alert('行單擊事件，同時變色');
}
</script>
您可能感興趣的文章:
- GridView中點擊CheckBox選中一行來改變此行的顏色
- GridView選擇性導出Excel解決方案
- 如何將數(shù)據(jù)綁到gridview然后導成excel
- asp.net讀取excel中的數(shù)據(jù)并綁定在gridview
- GridView生成的HTML代碼示例對比
- gridview實現(xiàn)服務器端和客戶端全選的兩種方法分享
- gridview的buttonfield獲取該行的索引值(實例講解)
- Gridview自動排序功能的實現(xiàn)
- 獲取Gridview中ButtonField的text屬性
- DevExpress實現(xiàn)GridView當無數(shù)據(jù)行時提示消息
相關文章
Asp.Net數(shù)據(jù)控件引用AspNetPager.dll分頁實現(xiàn)代碼
今天與大家分享一下“Asp.Net數(shù)據(jù)控件引用AspNetPager.dll分頁”首先聲明以下幾點2012-01-01
在Asp.net用C#建立動態(tài)Excel...2006-09-09
詳解VS2017 Linux 上.NET Core調(diào)試
這篇文章主要介紹了詳解VS2017 Linux 上.NET Core調(diào)試，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
asp.net實現(xiàn)Postgresql快速寫入/讀取大量數(shù)據(jù)實例
本篇文章主要介紹了asp.net實現(xiàn)Postgresql快速寫入/讀取大量數(shù)據(jù)實例，具有一定的參考價值，有興趣的可以了解一下2017-07-07
在一個ASP.NET應用程序中有許多保留文件夾2009-04-04
Visual Studio 2017新版發(fā)布 更強大!
Visual Studio 2017新版發(fā)布 更強大!對Visual Studio 2017感興趣的小伙伴們可以參考一下2017-05-05
這篇文章給大家介紹asp.net常用函數(shù)收藏，主要包括 得到站點用戶IP,去除字符串最后一個','號、去除字符串第一個'/'號等，感興趣的朋友跟隨小編一起看看吧2008-09-09
asp.net中簡體轉(zhuǎn)繁體實現(xiàn)代碼
最近到了臺企，什么都要用繁體的。開發(fā)中也遇到了簡繁體轉(zhuǎn)換的問題。這里和朋友們分享一下用.net實現(xiàn)簡繁體轉(zhuǎn)換的經(jīng)驗。2010-03-03
這篇文章主要介紹了JWT+Log4net配置與使用詳解,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
Asp.net中處理一個站點不同Web應用共享Session的問題
Asp.net中處理一個站點不同Web應用共享Session的問題...2006-09-09