2009-08-05 3 views
0

У меня есть GridView, который поддерживает удаление. Я бы хотел добавить всплывающее окно с вопросом вроде «Вы уверены, что хотите удалить эту строку?».Подтвердить удаление перед удалением строки dataview

Мой код:

<asp:GridView id="GridAccounts" runat="server" AutoGenerateColumns="False" 
     ShowFooter="True" DataKeyNames="ID" 
     DataSourceID="AccountDataSource" onrowcommand="GridAccounts_RowCommand"> 
     <SelectedRowStyle BackColor="Lime" /> 
     <Columns> 
      <asp:CommandField ButtonType="Image" ShowDeleteButton="True" DeleteImageUrl="~/Pictures/delete.jpg" /> 
      <asp:TemplateField HeaderText="ID" InsertVisible="False" SortExpression="ID"> 
       <EditItemTemplate> 
        <asp:Label ID="LabelAccountIDUpdate" runat="server" Text='<%# Eval("ID") %>'></asp:Label> 
       </EditItemTemplate> 
       <FooterTemplate> 
        <asp:Button ID="ButtonAccountIDInsert" runat="server" CommandName="Insert" Text="Insert" /> 
       </FooterTemplate> 
       <ItemTemplate> 
        <asp:Label ID="LabelAccountID" runat="server" Text='<%# Bind("ID") %>'></asp:Label> 
       </ItemTemplate> 
      </asp:TemplateField> 
     </Columns> 
    </asp:GridView> 

Код позади:

protected void GridPaymentMethod_RowDataBound(object sender, GridViewRowEventArgs e) 
    { 
     if (e.Row.RowType == DataControlRowType.DataRow) 
     { 
      ImageButton deleteButton = (ImageButton)e.Row.Cells[0].Controls[0]; 
      MyMoney.PaymentMethodRow row = (MyMoney.PaymentMethodRow)((System.Data.DataRowView)e.Row.DataItem).Row; 
      deleteButton.OnClientClick = string.Format("return confirm('Are you sure you want to delete payment method {0}?');", row.Name.Replace("'", @"\'")); 
     } 
    } 

Это делает как:

<input type="image" src="Pictures/delete.jpg" alt="Delete" onclick="return confirm('Are you sure you want to delete payment method Gotovina?');javascript:__doPostBack('ctl00$MainContent$GridPaymentMethod','Delete$0')" style="border-width:0px;" /> 

Если я нажимаю кнопку OK в окне подтверждения, постбэк, но ничего не происходит. Если я прокомментирую код RowDataBound, то удалять работает ОК. Код без подтверждения:

<input type="image" src="Pictures/delete.jpg" alt="Delete" onclick="javascript:__doPostBack('ctl00$MainContent$GridPaymentMethod','Delete$0')" style="border-width:0px;" /> 

Что я делаю неправильно?

ответ

1

В своем коде вы должны изменить ButtonType = "Image" в ButtonType = "Link" - то OnClick = "..." будет вынесено без JavaScript: ___ doPostBack (...) часть. И в событии GridPaymentMethod_RowDataBound установите что-то вроде deleteButton.Text = "< img src = \" path_to_image \ ".../>" (используйте html-объекты вместо <>).

Или вы можете использовать ImageButton с ComamndName = "delete" и ConfirmButtonExtender из пакета ASP.NET AjaxToolkit.

3

Я считаю, что this является примером того, что вы пытаетесь сделать. Это чище, и вам не нужно гаться с кодом.

+0

Довольно. В CommandField нет ничего волшебного - он просто добавляет стандартный LinkButton с CommandName, который установлен в действие, которое вы хотите запустить. Вы можете просто заменить его собственным LinkButton с правильным CommandName (например, CommandName = "Delete" будет вызывать событие delete). –

+0

Я использовал этот учебник: http://www.asp.net/Learn/data-access/tutorial-22-cs.aspx – sventevit

+0

Отличный совет по командеName без обработчика OnClick в aspx. – adrianos

0
deleteButton.OnClientClick = string.Format("((!confirm('Are you sure you want to delete payment method {0}?'))?return false);", row.Name.Replace("'", @"\'")); 
Смежные вопросы