代码改变世界

DataGrid鼠标到达的行和列显示不同的颜色

2005-12-23 10:21  努力学习的小熊  阅读(1501)  评论(2编辑  收藏  举报

        本例的实现原理是在向DataGrid绑定数据的同时为相应的单元格添加onmouseover和onmouseout事件。主要代码如下

 1/// <summary>
 2/// 增加颜色属性
 3/// </summary>
 4/// <param name="sender"></param>
 5/// <param name="e"></param>

 6private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
 7{
 8    if(e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item)
 9    {
10        e.Item.Attributes.Add("onmouseover","this.oldcolor=this.style.backgroundColor;this.style.backgroundColor='#C8F7FF'");
11        e.Item.Attributes.Add("onmouseout""this.style.backgroundColor=this.oldcolor");
12        for (int i=0;i<DataGrid1.Columns.Count;i++)
13        {
14            e.Item.Cells[i].Attributes.Add("onmouseover","this.oldcolor=this.style.backgroundColor;this.style.backgroundColor='#99ccff'");
15            e.Item.Cells[i].Attributes.Add("onmouseout""this.style.backgroundColor=this.oldcolor");
16        }

17    }

18}