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}
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}