Asp.net 2.0 GridView的几个事件(如实现: 行的双击单击捕捉键盘按键鼠标悬浮移出效果)(示例代码下载)

    技术2022-05-11  53

    (一).  示例图片

     

    (二). 代码

    [前台]

    < 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()        {                if event .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 " ;         }

      * 关于事件,不仅仅就这些, 还有更多, 用类似方法可以完成更复杂,效果更佳的页面.

    (三). 示例代码下载

            http://www.cnblogs.com/Files/ChengKing/Gridview(DBclick OnmouseOver etc).rar

     

    最新回复(0)