如何在GridView的EditButton / DeleteButton的click事件上附加JavaScript?

时间:2011-06-16 03:36:44

标签: javascript gridview

我有一个GridView,它启用了EditButton和DeleteButton。当用户单击其中一个按钮时,我想执行自定义JavaScript代码。在普通的Button中,我们可以通过设置OnClientClick =“MyJSFunction();”来实现这一点。

谢谢!

1 个答案:

答案 0 :(得分:1)

这里我认为这是你在网格视图中的最后一列

<asp:CommandField ShowEditButton="true" ButtonType="Image" HeaderText="Edit" EditImageUrl="~/Images/edit.png" UpdateImageUrl="~/Images/update.png" CancelImageUrl="~/Images/cancel.jpg" >
</asp:CommandField>

并在代码隐藏中编写以下代码,它将调用您的自定义java脚本函数。

Protected Sub gvSectionTimePeriod_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles gvSectionTimePeriod.RowDataBound

  Dim iIndex As Integer = //here write index of yr last column
  CType(e.Row.Cells(iIndex).Controls(0), ImageButton).Attributes.Add("onclick", "return ValidateData();")

End Sub

和这里是java-script部分

<script language="javascript" type="text/javascript">
    function ValidateData()
    {
        //your code
    }
</script>