关于Gridview表格中的按钮事件

关于Gridview表格中按钮

如果你需要在Gridview中添加按钮，那么这个按钮可能是为了实现这样的功能：

A． 点击按钮后，弹出一个窗体。例如：弹出一个可以修改数据的窗体等

B． 点击按钮后，执行一个操作，面这个操作往往是针对按钮所在行数据的操作，否则你完全可以不在Gridview中添加按钮

根据上面的需要，我们讨论一下GridView中的按钮事件，我们经常会用于的按钮事件有这么几个：

1. OnClick 事件

2. OnClientClick 事件

3. OnCommand 事件

• OnClick 事件 和OnClientClick 事件

我理解它们是用于执行客户端函数或脚本的，有朋友说OnClick 事件可以执行服务端过程或函数，我测试总出问题不知道是什么原因？

这两个事件一般主要用于弹出新的页面，也可以做为操作前的提示信息（例如删除按钮的提示信息等），因为它们的执行顺序是在OnCommand事件前面的。

• OnCommand 事件

一般这个事件用来执行服务端的事件，而且与前面两个事件相比，这个事件是可以传递参数的，所以它往往可以用于实现更多的功能

举例部分：

• OnClick 事件 和OnClientClick 事件

第一种，在客户端代码中定义（这里列出定义的部分）

<asp:TemplateField HeaderText="服务端按钮"> <ItemTemplate> <asp:Button ID="Button2" runat="server" onclientclick="return confirm('您确认执行删除操作吗？')" Text="删除" /> </ItemTemplate> </asp:TemplateField>

第二种，在代码中实现按钮事件

Button2.Attributes.Add("onclick", "yourfunction();")

您也可以在这些事件增加参数来实现更多的功能

• OnCommand 事件

这个事件实现起来比较复杂一些，先说下它可能涉及到几个属性

CommandName CommandArgument

这两个属性其实在OnCommand执行事件中参数CommandEventArgs的两个常用到值，我们用CommandName来区分点击的按钮，用CommandArgument的值来实现特定的操作（例如删除操作时，CommandArgument可以是ID值或行的index值）

下面简单介绍下实现的步骤：

第一步：定义相关的属性

<asp:TemplateField HeaderText="客户端按钮"> <ItemTemplate> <asp:Button ID="Button1" CommandName="Button1" CommandEventArgs='<%# Eval("CategoryID") %>' runat="server" onclientclick="return confirm('您确认要执行吗？')" Text="显示" /> </ItemTemplate> </asp:TemplateField>

第二步：定义后台事件

Private Sub GridView1_RowCommand(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs) Handles GridView1.RowCommand Select Case e.CommandName Case "Button1" '获取参数值 Dim myIndex As Int32 = Convert.ToInt32(e.CommandArgument) '找到相应的行 Dim selRow As GridViewRow = GridView1.Rows(myIndex) MsgBox(selRow.Cells(2).Text) End Select End Sub

如果我们没有在第一步中定义CommandEventArgs，那么需要增加这样一个事件

Private Sub GridView1_RowCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowCreated If e.Row.RowType = DataControlRowType.DataRow Then Dim btn1 As Button = CType(e.Row.FindControl("Button1"), Button) btn1.CommandArgument = e.Row.RowIndex End If End Sub

大家可以看到，后台事件是在GridView1_RowCommand这个标准的事件中实现的，如果我们要使用自已定义的事件，应该如何来实现

第一步：前台

<asp:TemplateField HeaderText="客户端按钮"> <ItemTemplate> <asp:Button ID="Button4" CommandName="Button1" runat="server" OnCommand="btn1Click" Text="打开" /> </ItemTemplate> </asp:TemplateField>

第二步：设定参加值

Private Sub GridView1_RowCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowCreated If e.Row.RowType = DataControlRowType.DataRow Then Dim btn1 As Button = CType(e.Row.FindControl("Button1"), Button) btn1.CommandArgument = e.Row.RowIndex End If End Sub

第三步：定义事件

Private Sub btn1Click(ByVal CommandArgument As String) '获取参数值 Dim myIndex As Int32 = Convert.ToInt32(CommandArgument) '找到相应的行 Dim selRow As GridViewRow = GridView1.Rows(myIndex) MsgBox(selRow.Cells(2).Text) End Sub