Javascript перед asp: ButtonField click

У меня есть элемент управления GridView в приложении Asp.net, который имеет <asp:buttonField> из type="image" и CommandName="Delete".

Есть ли способ выполнить кусок javascript до достижения события OnRowDelete?

Я хочу просто подтвердить подтверждение перед удалением строки.

Спасибо!

EDIT. Обратите внимание: тег <asp:buttonField> не имеет атрибута OnClientClick.

Ответ 1

Вместо этого я бы использовал TemplateField и заполнил ItemTemplate обычной кнопкой asp: Button или asp: ImageButton, в зависимости от того, что нужно. Затем вы можете выполнить ту же логику, что и событие RowCommand, когда оно перехватило команду Delete.

На любой из этих кнопок я бы использовал свойство OnClientClick, чтобы выполнить диалог подтверждения JavaScript до этого.

<script type="text/javascript">
   function confirmDelete()
   {
       return confirm("Are you sure you want to delete this?");
   }
</script>

...

<asp:TemplateField>
  <ItemTemplate>
     <asp:ImageButton ID="DeleteButton" runat="server"
        ImageUrl="..." AlternateText="Delete" ToolTip="Delete"
        CommandName="Delete" CommandArgument='<%# Eval("ID") %>'
        OnClientClick="return confirmDelete();" />
  </ItemTemplate>
</asp:TemplateField>

Ответ 2

Я обнаружил, что самый элегантный способ сделать это - использовать jQuery для подключения события onClick:

<script type="text/javascript"> 
    $(".deleteLink").click(function() {
      return confirm('Are you sure you wish to delete this record?');
    });
</script>

...

<asp:ButtonField ButtonType="Link" Text="Delete"
    CommandName="Delete" ItemStyle-CssClass="deleteLink" />

Обратите внимание, что я использую произвольный класс CSS для идентификации кнопки ссылки.

Ответ 3

В обработчике событий GridView RowCreated используйте FindControl, чтобы найти именованную кнопку, и добавьте в коллекцию атрибутов:

btn.Attributes.Add("onclick", "return confirm('delete this record?');");

Ваш код ASP.Net будет выполнен только в том случае, если confirm() является истинным, то есть был нормально.

Ответ 4

Итак, у меня есть функция javascript:

function confirmDeleteContact() {
  if (confirm("Are you sure you want to delete this contact?")) {
    document.all.answer.value="yes";
  } else {
    document.all.answer.value="no";
  }
}

и я подключаю его к элементу сетки, например:

Sub dgbind(ByVal sender As Object, ByVal e As DataGridItemEventArgs) Handles dgcontacts.ItemDataBound
    Select Case e.Item.ItemType
        Case ListItemType.Item, ListItemType.AlternatingItem
            CType(e.Item.Cells(9).Controls(0), System.Web.UI.WebControls.LinkButton).Attributes.Add("onclick", "javascript:confirmDeleteContact();")
    End Select
End Sub

Это старый код, поэтому я вижу несколько вещей, которые я мог бы изменить, но мораль это: Если все остальное не удается, добавьте javascript "onClick" во время привязки строки. "document.all.answer.value" - это скрытое поле с runat=server, чтобы я мог прочитать значение после обратной передачи.

Ответ 5

лучше для вас добавить ссылку System.Windows.Forms, если вы используете buttonfield... Он всегда доступен во всех .NET Framework и поддерживает asp.net..

это ваш выбор, если кнопочное поле - ваш лучший выбор. Образец:

using System.Windows.Forms;

protected void BorrowItem_RowCommand(object sender, GridViewCommandEventArgs e)
{

    if (e.CommandName == "Delete")
    {

        if (System.Windows.Forms.MessageBox.Show("Do you want to delete", "Delete",MessageBoxButtons.OKCancel, MessageBoxIcon.Question, MessageBoxDefaultButton.Button1, MessageBoxOptions.ServiceNotification) != System.Windows.Forms.DialogResult.OK)
        {
            return;
         }
     }
//Continue execution...
}

//drimaster