gridview 行選添加顏色和事件
更新時(shí)間:2014年03月22日 18:19:56 作者:
在gridview 列表中,需要添加如下效果,如果經(jīng)過時(shí)變色,移開時(shí)還原成以前的顏色,行選中時(shí)通過加深色,從而知道選中了哪行
在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è)里面
下面是具體的例子:
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代碼:
<script type="text/javascript" >
function setvalue() {
alert('行單擊事件,同時(shí)變色');
}
</script>
下面是具體的例子:
復(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>
您可能感興趣的文章:
- GridView中點(diǎn)擊CheckBox選中一行來改變此行的顏色
- GridView選擇性導(dǎo)出Excel解決方案
- 如何將數(shù)據(jù)綁到gridview然后導(dǎo)成excel
- asp.net讀取excel中的數(shù)據(jù)并綁定在gridview
- GridView生成的HTML代碼示例對比
- gridview實(shí)現(xiàn)服務(wù)器端和客戶端全選的兩種方法分享
- gridview的buttonfield獲取該行的索引值(實(shí)例講解)
- Gridview自動(dòng)排序功能的實(shí)現(xiàn)
- 獲取Gridview中ButtonField的text屬性
- DevExpress實(shí)現(xiàn)GridView當(dāng)無數(shù)據(jù)行時(shí)提示消息
相關(guān)文章
asp.net中GridView和DataGrid相同列合并實(shí)現(xiàn)代碼
asp.net中GridView和DataGrid相同列合并實(shí)現(xiàn)代碼,需要的朋友可以參考下2012-10-10asp.net 中將表單提交到另一頁 Code-Behind(代碼和html在不同的頁面)
To send Server control values from a different Web Forms page2009-04-04asp.net使用母版頁中使用ajax腳本取數(shù)據(jù)
因母版頁繼承自UserControl,我們無法像正常頁面那樣使用Jquey或Ajax的PageMethods等無刷新方法取數(shù)據(jù)。不過可以使用ajax提供的Sys.Net.WebRequest來解決這一問題。2010-09-09詳解ASP.NET Core3.0 配置的Options模式
這篇文章主要介紹了詳解ASP.NET Core3.0 配置的Options模式,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08ASP.NET編程中經(jīng)常用到的27個(gè)函數(shù)集
asp.net 整理的27個(gè)函數(shù)集,大家可以參考下2008-08-08ASP.NET MVC用存儲過程批量添加修改數(shù)據(jù)操作
這篇文章主要介紹了ASP.NET MVC用存儲過程批量添加修改數(shù)據(jù)的方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02