GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)

本文介绍了一个使用 JavaScript 实现的网格视图(GridView)中的多种事件处理方式,包括双击、单击、键盘按键等事件,并在后台代码中实现了鼠标悬停时的视觉效果。

(二). 代码

[前台]

<script language="javascript">        
        function DbClickEvent(d)
        {
              window.alert(
"事件类型: DoubleClidk  作用对象: " + d);            
        }
        function ClickEvent(d)
        {
              window.alert(
"事件类型: OnClick  作用对象: " + d);            
        }
        function GridViewItemKeyDownEvent(d)
        {
              window.alert(
"事件类型: GridViewItemKeyDownEvent  作用对象: " + d);       
        }
        function KeyDownEvent()
        {
               
ifevent.altKey && event.keyCode > 48 && event.keyCode < 54 )            
               {                
                      window.alert(
"事件类型: FormKeyDownEvent  选中记录数: " + ( parseInt(event.keyCode) - 48 )); 
               }                      
        }           
</script>

[后台]

if( e.Row.RowType == DataControlRowType.DataRow)
{
         
//鼠标移动到每项时颜色交替效果
         e.Row.Attributes.Add("OnMouseOut""this.style.backgroundColor='White';this.style.color='#003399'");
         e.Row.Attributes.Add(
"OnMouseOver""this.style.backgroundColor='#6699FF';this.style.color='#8C4510'");

         
//单击/双击 事件
         
e.Row.Attributes.Add("OnDblClick", "DbClickEvent('" + e.Row.Cells[1].Text + "')");
         e.Row.Attributes.Add("OnClick""ClickEvent('" + e.Row.Cells[1].Text + "')");

         
e.Row.Attributes.Add("OnKeyDown", "GridViewItemKeyDownEvent('" + e.Row.Cells[1].Text + "')"); 

         
//设置悬浮鼠标指针形状为"小手"
         e.Row.Attributes["style"= "Cursor:hand";
         
}

转载于:https://www.cnblogs.com/lijia7436/archive/2008/07/21/1247807.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值