ASP.NET Gridview удалить строку только при подтверждении

Question

У меня есть gridview с реализованным методом onRowDeleting. Я хотел бы предложить пользователю всплывающее сообщение, чтобы подтвердить, хотят ли они удалить этот элемент или нет. Если пользователь нажимает «ОК», «Подтвердить» или что-то подобное, я бы хотел, чтобы onRowsDeleting был обработан и запись была удалена. Но если пользователь нажал «Нет», я бы хотел, чтобы метод был отменен, а запись не удалена.

Как это можно сделать?

Вот мой метод gridview и onRowDeleting в коде.

<asp:GridView runat="server" ID="gvShowQuestionnaires" HeaderStyle-CssClass="table_header" CssClass="view" AlternatingRowStyle-CssClass="alt" AlternatingRowStyle-BackColor="#f3f4f8" AutoGenerateColumns="False" 
            DataKeyNames='QuestionnaireID' OnRowDeleting="gvShowQuestionnaires_RowDeleting" OnRowEditing="gvShowQuestionnaires_RowEdit" OnSelectedIndexChanged="gvShowQuestionnaires_SelectedIndexChanged" FooterStyle-CssClass="view_table_footer" > 
    <Columns>
         <asp:BoundField DataField="QuestionnaireID" HeaderText="ID" HeaderStyle-Width="80px" ItemStyle-CssClass="bo"></asp:BoundField>
         <asp:BoundField DataField="QuestionnaireName" HeaderText="Questionnaire Name" />                     
         <asp:ButtonField CommandName="select" ButtonType="Link" Text="view results" />
         <asp:CommandField HeaderText="Options" CausesValidation="true" ShowDeleteButton="True" ShowEditButton="true" EditText="Edit">
         </asp:CommandField>
     </Columns> 
</asp:GridView>

protected void gvShowQuestionnaires_RowDeleting(object sender, GridViewDeleteEventArgs e)
{       
    int questionnaireID = (int)gvShowQuestionnaires.DataKeys[Convert.ToInt32(e.RowIndex)].Value; 
    GetData.DeleteQuestionnaire(questionnaireID);
    gvShowQuestionnaires.DataSource = DT;
    gvShowQuestionnaires.DataBind();
    lblActivity.Visible = true;
    lblActivity.Text = "Your questionnaire has been deleted";
}

Answer 1

Вы должны сделать это на стороне клиента с помощью JavaScript.

Поэтому вы можете обработать событие RowDataBound GridView, чтобы добавить его к кнопке OnClientClick:

кнопки удаления.

protected void gvShowQuestionnaires_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        // reference the Delete LinkButton
        LinkButton db = (LinkButton)e.Row.Cells[3].Controls[0];

        db.OnClientClick = "return confirm('Are you certain you want to delete this questionnaire?');";
    }
}

http://msdn.microsoft.com/en-us/library/bb428868.aspx

Эта js-функция будет возвращать, нажал ли пользователь ok или cancel. Если js-eventhandler возвращает false, страница не будет отправлена ​​обратно на сервер.

Answer 2

"Вернуть подтверждение (..") Javascript находится на правильном пути.

Проблема в том, что ASP.NET добавит js для вызова __doPostBack

так что вы получите что-то вроде этого в своем HTML для кнопки удаления:

OnClickClient="return confirm('Are you sure you want to delete this record?');";javascript:__doPostBack('ctl00$Main$PlansGrid','Delete$101')"

Что происходит: 1) Пользователь нажимает кнопку Удалить. 2) Подтвердите диалоговое окно. 3) Пользователь нажимает кнопку ОК. 4) Подтвердите возврат True. 5) возврат в начале выполнения инструкции и __doPostBack не вызывается.

Решение состоит в том, чтобы возвращать, только если подтвердите, возвращает false:

OnClientClick="if(!confirm('Are you sure you want to delete this Plan?')) return;"

Если пользователь нажимает кнопку ОК, возвращает «Истина», а затем выполняется __doPostBack.

Answer 3

Просто вызовите функцию JavaScript, возвращающую логическое значение с помощью функции «return», так что если возвращает false, эта кнопка ссылки не будет работать.

ASPX

<asp:LinkButton runat="server" OnClientClick="return DeleteItem();" locationID='<%# DataBinder.Eval (Container.DataItem,"Id").ToString() %>' ID="linkDelete" OnClick="linkDelete_Click" title='<%# "Delete " + DataBinder.Eval (Container.DataItem,"City").ToString() %>' Style="float: left;"><img src="Asset/img/icon/bin.gif" alt="" hspace="3" /></asp:LinkButton>

Javascript

<script type="text/javascript">
    function DeleteItem() {
        if (confirm("Delete this Location?")) {
            return true;
        } else {
            return false;
        }
    }
</script>

Серверная сторона

protected void linkDelete_Click(object sender, EventArgs e)
    {
       int locationID =0;
       int.TryParse(((LinkButton)sender).Attributes["locationID"].ToString(),out locationID);

       if (locationID > 0)
       {
           Location loc = Location.GetById(locationID);
           CurrentDataContext.CurrentContext.DeleteObject(loc);
           CurrentDataContext.CurrentContext.SaveChanges();
           bindGv();
       }
    }

Answer 4

 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        string id = e.Row.Cells[2].Text;
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            LinkButton db = (LinkButton)e.Row.Cells[6].Controls[0];
            db.OnClientClick = "return confirm('Are you want to delete this Work Description : " + id + "?');";
        }
    }

Answer 5

Другой способ:

if (e.Row.RowType == DataControlRowType.DataRow)
        {
            // loop all data rows
            foreach (DataControlFieldCell cell in e.Row.Cells)
            {
                // check all cells in one row
                foreach (Control control in cell.Controls)
                {
                    // Must use LinkButton here instead of ImageButton
                    // if you are having Links (not images) as the command button.
                    LinkButton button = control as LinkButton;
                    if (button != null && button.CommandName == "Delete")
                        // Add delete confirmation
                        button.OnClientClick = "return confirm('Are you sure " +
                               "you want to delete this record?');";
                }
            }
        }