ASP.NET GridView 新增刪除確認對話框防止誤刪

在 GridView 中可直接新增 CommandField 刪除列刪除某列資訊。但為避免誤操作導致誤刪除，刪除操作前讓操作者再確認，確認後再刪除。

首先給 GridView 新增一個模板列，如下：

以下是引用片段：
<ASP:TemplateField HeaderText="Delete" ShowHeader="False">
<ItemStyle ForeColor="Red" />
<ItemTemplate>
<asp:LinkButton ID="BtnDelete" runat="server" CausesValidation="False" CommandName="Delete" Text="Delete"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>

其次給所新增模板列加上：OnClientClick="return confirm('確認要刪除此列資訊嗎？')"，如下：

以下是引用片段：
<asp:TemplateField HeaderText="Delete" ShowHeader="False">
<ItemStyle ForeColor="Red" />
<ItemTemplate>
<asp:LinkButton ID="BtnDelete" runat="server" CausesValidation="False" CommandName="Delete" Text="Delete" OnClientClick="return confirm('確認要刪除此列資訊嗎？')"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>

點擊刪除時會先在客戶端彈出「確認要刪除嗎？」對話框，一般確認刪除。