确认后如何修改代码删除项目？

Question

我的代码会在我确认之前删除项目。如何在确认项目后进行更改以使其删除项目。以下是javascript代码：

<script type="text/javascript">
    var _source;
    var _popup;

    function showChild_Delete(source) {
        this._source = source;
        this._popup = $find('popupChild_Delete');
        this._popup.show();
    }

    function btnChild_Delete_Click() {  
        this._popup.hide();
        __doPostBack(this._source.name, '');
    }                     
</script>

asp.net代码调用js代码：

<asp:ImageButton ID="btnChild_Delete" runat="server" SkinID="delete" OnClientClick="showChild_Delete(this); return false;"
                                                    CommandName="deleteChild" CausesValidation="False" CommandArgument='<%# Eval(childID) %>' />

C#代码：

 if (e.CommandName == "deleteChild")

    {
        hashTable.Add(childID, e.CommandArgument);
        sqlData.GetDataTable(sproc_delChild, hashTable);

        gvChild.SelectedIndex = -1;
        pnlChild_Upload.Visible = false;
        this.upnlChildUpload.Update();

        RefreshChild();
    }

如果有任何帮助，我将不胜感激。

Answer 1

你可能想用javascript在客户端做一些事情，提示他们在这样做之前接受他们的决定……

<script type="text/javascript">
    function btnChild_Delete_Click() {  
        this._popup.hide();

        // the _doPostBack is triggering the delete. simply writing something here.
        if (!confirm('Are you sure?')) return;

        __doPostBack(this._source.name, '');
    }                     
</script>

编辑:为了在一个样式化的确认窗口中做到这一点，我将执行以下操作(示例是演示逻辑流程的伪代码)。

1. 创建DIV以确认删除。在CSS中随心所欲地设置它的样式并隐藏它(通过使它显示:无，或在屏幕外加边距。
2. 更改您的脚本以调用显示/隐藏确认DIV的函数：

function buttonConfirmDelete_Click { // 1.显示确认框。} function buttonDoDelete_Click { __doPostBack(this._source.name，'')；// 2.隐藏确认框。}

结果是，您现有的delete按钮只是显示了实际执行回调的delete按钮，该按钮现在包含在确认弹出窗口中。

当然，还有更干净的方法可以做到这一点，但似乎您正在寻找一个快速而简单的解决方案。

这回答了你的问题吗？

Answer 2

This answer to a question I asked myself包含一个完整的解决方案，它使用jquery-ui对话框显示弹出确认对话框。

你可以让它适应你正在使用的任何javascript库。

Answer 3

function btnChild_Delete_Click() {
    if (!confirm('Are you sure you want to delete?')) return;
    this._popup.hide();
    __doPostBack(this._source.name, '');
}