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

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

 1 ExpandedBlockStart.gif ContractedBlock.gif /**/ /// <summary>
 2InBlock.gif/// 增加颜色属性
 3InBlock.gif/// </summary>
 4InBlock.gif/// <param name="sender"></param>
 5ExpandedBlockEnd.gif/// <param name="e"></param>

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

17ExpandedSubBlockEnd.gif    }

18ExpandedBlockEnd.gif}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值