asp.net - asp之前的Javascript：ButtonField点击

Question

我GridView在一个 Asp.net 应用程序中有一个控件，它有一个<asp:buttonField>oftype="image"和CommandName="Delete".

OnRowDelete有没有办法在到达事件之前执行一段 javascript ？

在删除该行之前，我只想简单确认一下。

谢谢！

编辑：请注意，标签<asp:ButtonField>没有属性OnClientClick。

Answer 1

我会改用 TemplateField，并使用常规的 asp:Button 或 asp:ImageButton 填充 ItemTemplate，这取决于需要什么。然后，您可以执行与 RowCommand 事件在拦截 Delete 命令时要执行的逻辑相同的逻辑。

然后，在其中任何一个按钮上，我将使用 OnClientClick 属性在此之前执行 JavaScript 确认对话框。

<script type="text/javascript">
   function confirmDelete()
   {
       return confirm("Are you sure you want to delete this?");
   }
</script>

...

<asp:TemplateField>
  <ItemTemplate>
     <asp:ImageButton ID="DeleteButton" runat="server"
        ImageUrl="..." AlternateText="Delete" ToolTip="Delete"
        CommandName="Delete" CommandArgument='<%# Eval("ID") %>'
        OnClientClick="return confirmDelete();" />
  </ItemTemplate>
</asp:TemplateField>

Answer 2

我发现最优雅的方法是使用 jQuery 连接 onClick 事件：

<script type="text/javascript"> 
    $(".deleteLink").click(function() {
      return confirm('Are you sure you wish to delete this record?');
    });
</script>

...

<asp:ButtonField ButtonType="Link" Text="Delete"
    CommandName="Delete" ItemStyle-CssClass="deleteLink" />

请注意，我使用任意 CSS 类来标识链接按钮。

Answer 3

在GridView的RowCreated事件处理程序中，使用FindControl找到命名按钮，并添加到 Attributes 集合中：

btn.Attributes.Add("onclick", "return confirm('delete this record?');");

只有当confirm() 为真时，您的ASP.Net 代码才会被执行，即已经ok'd。

Answer 4

所以我有一个javascript函数：

function confirmDeleteContact() {
  if (confirm("Are you sure you want to delete this contact?")) {
    document.all.answer.value="yes";
  } else {
    document.all.answer.value="no";
  }
}

我将它连接到一个网格项目，如下所示：

Sub dgbind(ByVal sender As Object, ByVal e As DataGridItemEventArgs) Handles dgcontacts.ItemDataBound
    Select Case e.Item.ItemType
        Case ListItemType.Item, ListItemType.AlternatingItem
            CType(e.Item.Cells(9).Controls(0), System.Web.UI.WebControls.LinkButton).Attributes.Add("onclick", "javascript:confirmDeleteContact();")
    End Select
End Sub

这是一些旧代码，所以我看到了一些我可以改变的东西，但道德是这样的：如果一切都失败了，请在行绑定期间添加 javascript“onClick”。“document.all.answer.value”是一个隐藏字段，runat=server因此我可以在回发时读取该值。

Answer 5

如果您使用按钮字段，则添加参考 System.Windows.Forms 对您更好...它始终在所有 .net 框架中可用并支持 asp.net..

如果按钮字段是您的最佳选择，这是您的选择.. 示例：

using System.Windows.Forms;

protected void BorrowItem_RowCommand(object sender, GridViewCommandEventArgs e)
{

    if (e.CommandName == "Delete")
    {

        if (System.Windows.Forms.MessageBox.Show("Do you want to delete", "Delete",MessageBoxButtons.OKCancel, MessageBoxIcon.Question, MessageBoxDefaultButton.Button1, MessageBoxOptions.ServiceNotification) != System.Windows.Forms.DialogResult.OK)
        {
            return;
         }
     }
//Continue execution...
}

//drimaster