asp.net Gridview數據列中實現鼠標懸浮變色
來源:懂視網
責編:小采
時間:2020-11-27 22:43:04
asp.net Gridview數據列中實現鼠標懸浮變色
asp.net Gridview數據列中實現鼠標懸浮變色:功能描述: 在gridview中,鼠標在這個控件的數據列表中移動時,該列的背景隨鼠標的移動而改變背景顏色。 功能實現: 在gridview中新增一個事件RowDataBound,代碼如下: 代碼如下:protected void gvwNews_RowDataBound(object se
導讀asp.net Gridview數據列中實現鼠標懸浮變色:功能描述: 在gridview中,鼠標在這個控件的數據列表中移動時,該列的背景隨鼠標的移動而改變背景顏色。 功能實現: 在gridview中新增一個事件RowDataBound,代碼如下: 代碼如下:protected void gvwNews_RowDataBound(object se

功能描述:
在gridview中,鼠標在這個控件的數據列表中移動時,該列的背景隨鼠標的移動而改變背景顏色。
功能實現:
在gridview中新增一個事件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事件是控制選擇行首的復選框的,點擊行便實現"點擊"復選框一樣的效果。代碼如下:
代碼如下:
function ClickRow()
{
var obj = event.srcElement.parentElement.firstChild.firstChild.tagName;
alert(obj);
if(obj!=null && obj.tagName+""!="undefined")
{
obj.checked=obj.checked ? false : true;
}
}
簡單的幾行代碼所需功能就可以實現了。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
asp.net Gridview數據列中實現鼠標懸浮變色
asp.net Gridview數據列中實現鼠標懸浮變色:功能描述: 在gridview中,鼠標在這個控件的數據列表中移動時,該列的背景隨鼠標的移動而改變背景顏色。 功能實現: 在gridview中新增一個事件RowDataBound,代碼如下: 代碼如下:protected void gvwNews_RowDataBound(object se