asp.net Gridview數(shù)據(jù)列中實(shí)現(xiàn)鼠標(biāo)懸浮變色
更新時(shí)間:2010年06月11日 15:09:07 作者:
Gridview一般朋友們都比較常用,因?yàn)樗梢苑奖憧旖莸膶?shí)現(xiàn)我們所需的很多功能,代碼也比較簡(jiǎn)潔。平時(shí)的項(xiàng)目中這個(gè)控件我也比較常用,其中有個(gè)功能用到的頻率也比較多。所以記錄下備忘。
功能描述:
在gridview中,鼠標(biāo)在這個(gè)控件的數(shù)據(jù)列表中移動(dòng)時(shí),該列的背景隨鼠標(biāo)的移動(dòng)而改變背景顏色。
功能實(shí)現(xiàn):
在gridview中新增一個(gè)事件RowDataBound,代碼如下:
protected void gvwNews_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes.Add("onmouseover", "color = this.style.backgroundColor;this.style.backgroundColor='#EAFCD5'");
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=color");
e.Row.Attributes.Add("onclick", "ClickRow()");
}
}
其中的onclick事件是控制選擇行首的復(fù)選框的,點(diǎn)擊行便實(shí)現(xiàn)"點(diǎn)擊"復(fù)選框一樣的效果。代碼如下:
function ClickRow()
{
var obj = event.srcElement.parentElement.firstChild.firstChild.tagName;
alert(obj);
if(obj!=null && obj.tagName+""!="undefined")
{
obj.checked=obj.checked ? false : true;
}
}
簡(jiǎn)單的幾行代碼所需功能就可以實(shí)現(xiàn)了。
在gridview中,鼠標(biāo)在這個(gè)控件的數(shù)據(jù)列表中移動(dòng)時(shí),該列的背景隨鼠標(biāo)的移動(dòng)而改變背景顏色。
功能實(shí)現(xiàn):
在gridview中新增一個(gè)事件RowDataBound,代碼如下:
復(fù)制代碼 代碼如下:
protected void gvwNews_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes.Add("onmouseover", "color = this.style.backgroundColor;this.style.backgroundColor='#EAFCD5'");
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=color");
e.Row.Attributes.Add("onclick", "ClickRow()");
}
}
其中的onclick事件是控制選擇行首的復(fù)選框的,點(diǎn)擊行便實(shí)現(xiàn)"點(diǎn)擊"復(fù)選框一樣的效果。代碼如下:
復(fù)制代碼 代碼如下:
function ClickRow()
{
var obj = event.srcElement.parentElement.firstChild.firstChild.tagName;
alert(obj);
if(obj!=null && obj.tagName+""!="undefined")
{
obj.checked=obj.checked ? false : true;
}
}
簡(jiǎn)單的幾行代碼所需功能就可以實(shí)現(xiàn)了。
您可能感興趣的文章:
- ASP.NET GridView控件在列上格式化時(shí)間及DataFormatString使用
- asp.net DataFormatString格式化GridView
- ASP.NET數(shù)據(jù)綁定GridView控件使用技巧
- ASP.NET數(shù)據(jù)綁定之GridView控件
- 利用jQuery及AJAX技術(shù)定時(shí)更新GridView的某一列數(shù)據(jù)
- asp.net中GridView數(shù)據(jù)鼠標(biāo)移入顯示提示信息
- DevExpress實(shí)現(xiàn)GridView當(dāng)無(wú)數(shù)據(jù)行時(shí)提示消息
- asp.net讀取excel中的數(shù)據(jù)并綁定在gridview
- 使用ajax局部刷新gridview進(jìn)行數(shù)據(jù)綁定示例
- c#利用Excel直接讀取數(shù)據(jù)到DataGridView
- js獲取GridView中行數(shù)據(jù)的兩種方法 分享
- C#與SQL連接:GridView控件對(duì)數(shù)據(jù)庫(kù)的操作
- Gridview利用DataFormatString屬性設(shè)置數(shù)據(jù)格式的方法
相關(guān)文章
asp.net 簡(jiǎn)單工廠(chǎng)模式和工廠(chǎng)方法模式之論述
簡(jiǎn)單工廠(chǎng)模式的最大優(yōu)點(diǎn)在于工廠(chǎng)類(lèi)中包含了必要的邏輯判斷,根據(jù)客戶(hù)端的選擇條件動(dòng)態(tài)實(shí)例化相關(guān)的類(lèi),對(duì)于客戶(hù)端來(lái)說(shuō),去除了于具體產(chǎn)品的依賴(lài)2011-12-12WPF實(shí)現(xiàn)ScrollViewer滾動(dòng)到指定控件處
這篇文章主要為大家詳細(xì)介紹了WPF實(shí)現(xiàn)ScrollViewer滾動(dòng)到指定控件處,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06ASP.NET 修復(fù) IIS 映射具體實(shí)現(xiàn)步驟
本文主要介紹IIS映射的具體步驟,希望對(duì)大家有所幫助。2016-05-05基于asp.net MVC 應(yīng)用程序的生命周期(詳解)
下面小編就為大家分享一篇基于asp.net MVC 應(yīng)用程序的生命周期詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12ASP.NET中RadioButtonList綁定后臺(tái)數(shù)據(jù)后觸發(fā)點(diǎn)擊事件
這篇文章主要介紹了ASP.NET中RadioButtonList綁定后臺(tái)數(shù)據(jù)后觸發(fā)點(diǎn)擊事件的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-05-05GridView導(dǎo)出Excel常見(jiàn)的5種文本格式
本文主要介紹GridView導(dǎo)出Excel常見(jiàn)的文本格式,以幫助開(kāi)發(fā)人員做導(dǎo)出的Excel時(shí)避免出現(xiàn)文本格式不一致的問(wèn)題。2016-03-03ASP.NET MVC 數(shù)據(jù)驗(yàn)證及相關(guān)內(nèi)容
這篇文章主要介紹了ASP.NET MVC 數(shù)據(jù)驗(yàn)證及相關(guān)內(nèi)容的相關(guān)資料,需要的朋友可以參考下2014-10-10