Добавление запроса подтверждения JavaScript к кнопке удаления в представлении сетки ASP.NET?

Question

Итак, у меня есть вид сетки ASP.NET:

<asp:GridView ID="gvReferences" runat="server" AutoGenerateColumns="False" ShowHeader="False"
    OnRowEditing="gvReferences_RowEditing" 
    OnRowDeleting="gvReferences_RowDeleting" onrowcreated="gvReferences_RowCreated">
    <Columns>
        <asp:TemplateField ItemStyle-Width="400px">
            <ItemTemplate>
                <asp:Label ID="lblId" Visible="false" runat="server" Text='<%# Eval("Id") %>' />
                <asp:Label ID="lblAssociatedSpecies" runat="server" Text='<%# Eval("Text") %>' />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:Label ID="lblKind" runat="server" Text='<%# Eval("Kind") %>' />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:CommandField ButtonType="Button" DeleteText="delete" ShowDeleteButton="True"
            ShowCancelButton="False" EditText="edit" ShowEditButton="True">
            <ControlStyle Width="60px" />
        </asp:CommandField>
    </Columns>
</asp:GridView>

Я бы хотел добавить JavaScript к командной кнопке Удалить , чтобы запросить подтверждение перед удалением строки.

Есть идеи?

Answer 1

Вы всегда можете использовать TemplateField вместо CommandField.

<asp:TemplateField>
  <ItemTemplate>
    <asp:Button name="btnDelete" commandName="Delete" OnClientClick="return confirm('Delete 
this Item');" Text="Delete" runat="server" />
    <asp:Button name="btnEdit" commandName="Edit" Text="Edit" runat="server" />
  </ItemTemplate>
</asp:TemplateField>

Answer 2

Когда я это сделал, я использовал поле шаблона с ConfirmButtonExtender из Ajax Control Toolkit.

<asp:TemplateField>
   <ItemTemplate>   
       <asp:Button name="DeleteButton" commandName="Delete" Text="Delete" runat="server" />   
       <ajaxToolkit:ConfirmButtonExtender TargetControlId="DeleteButton" ConfirmText="Delete this entry?" />
   </ItemTemplate>   
</asp:TemplateField>  

Answer 3

В RowDataBound добавить -

LinkButton objDelete = e.Row.Cells[0].Controls[0] as LinkButton;
objDelete.Attributes.Add("onclick", "javascript:return confirm('Do you want to delete this item?');");

Answer 4

Это JavaScript для подтверждения удаления.

 function not_check1()
            {
              var where_to1= confirm("Do you really want to delete this record??");

                                    if (where_to1 == true)
                                        {
                                            return true;
                                        }
                                    else
                                        {
                                            return false;
                                        }
           }

---

Это поле вида сетки, откуда вы вызываете JavaScript.

 <asp:TemplateColumn ItemStyle-Width="20" >
<ItemTemplate>
 <asp:ImageButton ID="ib_delete" runat="server" ImageUrl="~/image/images.jpg" commandName="Delete"  OnClientClick="return not_check1();" ImageAlign="Middle"/></ItemTemplate>

</asp:TemplateColumn>