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

(一).  示例图片

(二). 代码

前台>>

 

 1 <script language="javascript">        
 2         function DbClickEvent(d)
 3         {
 4               window.alert("事件类型: DoubleClidk  作用对象: " + d);            
 5         }
 6         function ClickEvent(d)
 7         {
 8               window.alert("事件类型: OnClick  作用对象: " + d);            
 9         }
10         function GridViewItemKeyDownEvent(d)
11         {
12               window.alert("事件类型: GridViewItemKeyDownEvent  作用对象: " + d);       
13         }
14         function KeyDownEvent()
15         {
16                if( event.altKey && event.keyCode > 48 && event.keyCode < 54 )            
17                {                
18                       window.alert("事件类型: FormKeyDownEvent  选中记录数: " + ( parseInt(event.keyCode) - 48 )); 
19                }                      
20         }           
21 </script>

后台>>

 1 if( e.Row.RowType == DataControlRowType.DataRow)
 2 {
 3          //鼠标移动到每项时颜色交替效果
 4          e.Row.Attributes.Add("OnMouseOut", "this.style.backgroundColor='White';this.style.color='#003399'");
 5          e.Row.Attributes.Add("OnMouseOver", "this.style.backgroundColor='#6699FF';this.style.color='#8C4510'");
 6 
 7          //单击/双击 事件
 8          e.Row.Attributes.Add("OnDblClick", "DbClickEvent('" + e.Row.Cells[1].Text + "')");
 9          e.Row.Attributes.Add("OnClick", "ClickEvent('" + e.Row.Cells[1].Text + "')");
10 
11          e.Row.Attributes.Add("OnKeyDown", "GridViewItemKeyDownEvent('" + e.Row.Cells[1].Text + "')"); 
12 
13          //设置悬浮鼠标指针形状为"小手"
14          e.Row.Attributes["style"] = "Cursor:hand";
15          
16 }


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

 

(三). 示例代码下载

 

        点我下载


posted on 2012-03-10 11:37  zhangtao1212  阅读(122)  评论(0)  编辑  收藏  举报

导航