Gridview的資料列中實現滑鼠懸浮變色

iDotNetSpace發表於2010-06-11
原文網址 : http://blog.itpub.net/12639172/viewspace-665043/
View
Gridview一般朋友們都比較常用，因為它可以方便快捷的實現我們所需的很多功能，程式碼也比較簡潔。平時的專案中這個控制元件我也比較常用，其中有個功能用到的頻率也比較多。所以記錄下備忘。

           功能描述：

              在gridview中，滑鼠在這個控制元件的資料列表中移動時，該列的背景隨滑鼠的移動而改變背景顏色。

           功能實現：

              在gridview中新增一個事件RowDataBound，程式碼如下：

              

<!--Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--&gt 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事件是控制選擇行首的核取方塊的，點選行便實現"點選"核取方塊一樣的效果。程式碼如下：

         

<!--Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--&gt  function ClickRow()
   { 
    var obj = event.srcElement.parentElement.firstChild.firstChild.tagName;   
    alert(obj);
    if(obj!=null && obj.tagName+""!="undefined")
    {
        obj.checked=obj.checked ? false : true;       
    }
   }

 

        簡單的幾行程式碼所需功能就可以實現了。

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/12639172/viewspace-665043/，如需轉載，請註明出處，否則將追究法律責任。

相關文章