在ASP.NET中实现鼠标移动悬停在DataGrid时高亮显示这一行的方法

首先在WebFrom页面中添加JavaScript 代码块

 1<script>
 2        //鼠标移动时高亮显示所悬停的行
 3        function SetDataGridBackColor(color,isMouseOut)
 4        {
 5            var tr=event.srcElement.parentElement;
 6            
 7            var iRowIndex = tr.rowIndex ;
 8            if( isMouseOut )
 9            {
10                if( ( iRowIndex % 2 ) == 1 )
11                {
12                    tr.style.backgroundColor = color;
13                }
14                else
15                {
16                    tr.style.backgroundColor = "#EAE9D7";
17                }
18            }
19            else
20            {
21                tr.style.backgroundColor = color;
22            }
23        }
24        </script>

然后在aspx文件中的DataGrid事件中去注册这个脚本

    private void dgTemp_PreRender(object sender, System.EventArgs e)
        {
            for (int i = 0 ; i < dgTemp.Items.Count; i++)
            {
                dgTemp.Items[i].Attributes.Add("onmouseover","SetDataGridBackColor('LightBlue',false);");

                dgTemp.Items[i].Attributes.Add("onmouseout","SetDataGridBackColor('white',true);");
            }
        }

为了防止DataGrid标头的滚动,可以在增加这么一个脚本

        private void dgTemp_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
        {
            //使DataGrid标头不滚动
            if (e.Item.ItemType == ListItemType.Header)
            {
                e.Item.Style.Add("position","relative;top:expression(document.all['dgBHGJBSZ'].offsetParent.scrollTop);");
            }
        }