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