У меня есть форма, в которой пользователь может удалить запись, и мне нужно всплывающее сообщение, в котором пользователь должен нажать "ОК", чтобы подтвердить удаление.
Кнопка удаления:
<asp:Button ID="btnDelete" runat="server" Text="Delete" UseSubmitBehavior="false" OnClick="btnDelete_Click" OnClientClick="confirmation();" />
Функция подтверждения:
function confirmation() {
var answer = confirm("Are you sure you want to delete? This action cannot be undone.")
}
Итак, прямо сейчас нажатие кнопки удаления запускает подпрограмму btnDelete_Click в коде позади независимо от того, нажали ли вы "ОК" или "Отмена" во всплывающем окне. Я знаю, что могу добавить if (answer) {- некоторый код здесь -} в мою функцию javascript, но возможно ли использовать javascript для выполнения кода из кода позади? Или есть другой способ сделать это?
Попробуйте сделать следующее. Вы должны вернуть результат функции подтверждения (true или false).
<asp:Button
ID="btnDelete"
runat="server"
Text="Delete"
UseSubmitBehavior="false"
OnClick="btnDelete_Click"
OnClientClick="return confirmation();" />
function confirmation() {
return confirm("Are you sure you want to delete?");
}
Поместите это в свой код aspx:
OnClientClick="return confirm('Are you sure you want to delete this project?');"
используйте этот образец:
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return ConfirmOnDelete();"/>
<script type="text/javascript">
function ConfirmOnDelete() {
if (confirm("Do you really want to delete?") == true)
return true;
else
return false;
}
</script>
Я знаю, что это старый пост, но вы можете поместить вышеупомянутые ответы в одну строку следующим образом. И вам даже не нужно писать функцию.
<asp:Button runat="server" ID="btnDelete" Text="Delete" OnClick="btnDelete_Click" OnClientClick="if ( !confirm('Are you sure you want to delete ? ')) return false;" />
Мы можем легко сделать это с помощью ConfirmButtonExtender,
<ajaxToolkit:ConfirmButtonExtender ID="cbeDelete" TargetControlID="btnDelete" ConfirmText="Are you sure you want to delete? This action cannot be undone." runat="server">
Это очень просто...
Если вы хотите исключить какой-либо код на стороне сервера, не отправляя сообщение назад, вы должны использовать ajax для этого.
function confirmation() {
var answer = confirm("Are you sure you want to delete? This action cannot be undone.")
if(answer)
{
$.post("ajaxserverpage.aspx?item=34",function(data){
alert(data);
});
}
return false;
}
и у вас есть страница с именем ajaxserverpage.aspx и на странице загрузки этой страницы, проверьте строку запроса и выполните соответствующий код на стороне сервера и верните некоторую строку
protected void Page_Load(object sender, EventArgs e)
{
if (Request.QueryString["item"] != null)
{
// read the item and do your stuff here
Response.Write("Deleted succssfully");
Response.End();
}
}
Вы также можете использовать generic handler (.ashx) для обработки вашей стороны на стороне сервера ajax вместо файла .aspx. Я бы предпочел этот метод.
Еще один способ добиться этого - использовать AJAX Toolkit ConfirmButton Extender, как показано ниже:
Я думаю, что выше должно работать, если вы не можете использовать его с Button, попробуйте <asp:link button>. Шахта прекрасно работает.
Страница ASPX: -
<asp:LinkButton ID="takeActionBtn" CausesValidation="false" runat="server"
onclientclick="return confirm('Do you really want to perform Action ?');"> Take Action </asp:LinkButton>
Код сервера VB: -
Protected Sub takeActionBtn_Click(ByVal sender As Object, ByVal e As EventArgs) Handles takeActionBtn.Click
End Sub
Одна вещь, которую я заметил, это то, что если вы используете элемент управления (ascx) внутри страницы, вам может потребоваться отключить/включить на странице или уровне управления AutoEventWireup="false" <%@ control in <%@ page
Удачи!!
1) Дизайн формы
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type = "text/javascript">
function Confirm() {
var confirm_value = document.createElement("INPUT");
confirm_value.type = "hidden";
confirm_value.name = "confirm_value";
if (confirm("Do you want to save data?")) {
confirm_value.value = "Yes";
} else {
confirm_value.value = "No";
}
document.forms[0].appendChild(confirm_value);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="btnConfirm" runat="server"
OnClick = "OnConfirm" Text ="Raise Confirm" OnClientClick = "Confirm()"/>
</form>
</body>
</html>
2) Codebehind
public void OnConfirm(object sender, EventArgs e)
{
string confirmValue = Request.Form["confirm_value"];
if (confirmValue == "Yes")
{
this.Page.ClientScript.RegisterStartupScript(this.GetType(),"alert('You clicked YES!')", true);
}
else
{
this.Page.ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('You clicked NO!')", true);
}
}
3) Когда вы нажмете кнопку подтверждения кнопки подтверждения, будет отображаться.
4) Если вы нажмете ok, то OK часть будет работать в коде еще не Part
5) Тот же метод в GRIDVIEW DELETE BUTTON.
Вы можете просто поставить:
onclientclick = "return (window.confirm('text message'));
на странице ASPX, он делает то же самое.
Если вы хотите, чтобы javascript получал доступ к методам в коде позади, вы всегда можете выставить их в службе RESTful.
$.ajax({
url: 'url to the rest call',
success: successfuntion(),
dataType: 'text/json'
});
Попросите вызов REST выполнить любую логику и отправить некоторые данные, чтобы указать на успех. Затем просто используйте функцию success, чтобы удалить элемент из DOM.