DataGrid单元格移动变色,点击变色,双击取消颜色,排序.

实现: 1.当鼠标移动到DataGrid的单元格时,单元格变色,并且单元格里的字体同时变色,鼠标变为手的形状.鼠标移出单元格,恢复原样. 2.当鼠标点击DataGrid的单元格时,单元格变色,单元格上的显示字体变色;当点击另一个单元格时,前一个单元格以及字体颜色恢复原样,此时的单元格变色,字体变色. 3.当双击DataGrid上单击时变色的单元格时,颜色取消,恢复原样. 4.DataGrid按顺序(ASC)和倒序(DESC)排序,并且DataGrid排序的列头显示排序标志.  排序必须注意:列头名必须和排序的字段名一致,否则将不会显示排序标志. DataGrid点击变色的注册事件在dbOrders_ItemDataBound事件中注册. if(e.Item.ItemType==ListItemType.Item || e.Item.ItemType==ListItemType.AlternatingItem)    {     e.Item.Attributes.Add("onmouseover","tdOver(this)");     e.Item.Attributes.Add("onmouseout","tdOut(this)");     e.Item.Attributes.Add("onclick","tdColor(this)");     e.Item.Attributes.Add("ondblclick","tdColorDbl(this)");    } 而<script language="javascript"></script>之间的代码可以保存为JS文件,然后使用<script language="javascript" src="JS文件名"/>即可. 以下例子使用的是NorthWind数据库中的Orders表.

Html代码: <%@ Page language="c#" Codebehind="DataGridColor.aspx.cs" AutoEventWireup="false" Inherits="NetTest.DataGridExample.DataGridColor" %>                     http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">