ASP.NET 2.0 數據教程（四十二）：為 DataList 刪除按鈕添加客戶端確認對話框

返回 ASP.NET 2.0 數據教程目錄

如 綜敘：在 DataList 裡編輯和刪除數據 所示，為 DataList 添加刪除功能需完成：

1. 在 ItemTemplate 中加入 Button、LinkButton 或 ImageButton
2. 將刪除按鈕的 CommandName 設為 "Delete"
3. 在 DeleteCommand 事件處理中呼叫 BLL 刪除方法並重新繫結數據

對用戶而言，流程為：點擊刪除按鈕 → 觸發回傳 → 刪除記錄並從 DataList 移除。但缺少確認步驟：若用戶誤點刪除而非編輯，記錄將直接被刪除。為防止此情況，可在刪除按鈕點擊時加入客戶端確認。

JavaScript confirm() 函數

confirm(string) 會顯示包含「確定」與「取消」兩個按鈕的模態對話框（見圖 1）。若點擊「確定」回傳 true，「取消」回傳 false。

圖 1：客戶端確認對話框

運作原理

表單提交過程中，若客戶端事件處理回傳 false，瀏覽器將取消提交。利用此特性，讓刪除按鈕的客戶端 onclick 事件回傳 confirm("確定要刪除此產品嗎?") 的值。用戶點「取消」則回傳 false 取消回傳，記錄不被刪除；點「確定」則繼續回傳執行刪除。詳細資訊請參考 Using JavaScript's confirm() Method to Control Form Submission。

注意： 使用客戶端確認假設用戶瀏覽器支援並啟用 JavaScript。若不支援，點擊刪除按鈕將直接觸發回傳並刪除記錄，不顯示確認對話框。

本章內容

學習為 DataList 刪除按鈕加入客戶端確認機制。