2016-08-11 3 views
1

Я видел несколько учебников/демонстраций, но не могу решить мою проблему на моей странице ASPX (C#). Я хочу, чтобы всплывающее окно с сообщением с сообщением Да & Нет кнопок на событии нажатия кнопки , но после проверки состояния.Как отобразить окно подтверждения при условии, что на странице ASPX?

После нажатия на кнопку будет проверять состояние как, если (а> Ь), если условие истинно окно подтверждения poped вверх в противном случае пропустить и ни одно сообщение не будет poped вверх. После этого Если пользователь нажмет кнопку «Да» в окне подтверждения, он продолжит работу дальше.

Просьба указать код, поскольку я начинаю.

+0

Что вы пытались? Это прямо. –

+0

У вас есть код, показывающий, с чем вы пытаетесь работать? Вы можете установить кнопки onclick, чтобы указать на функцию js. В функции проверьте состояние и используйте confirm(); – Fredd

+0

У меня есть два значения в переменной A и B. Я хочу проверить, что A должно быть ниже B и выполнить ** ** команду ** **. Когда A не ниже B, окно сообщения должно быть всплывающим и попросить подтверждение выполнить эту команду вставки. Если пользователь нажимает «Да», команда будет выполняться и ничего не делать, если нажата кнопка «Нет». –

ответ

0

Это должно привести вас к правильному пути. yes и no не реализованы confirm() Вы должны переключиться на альтернативный как sweetalert

var select = document.getElementById('c'), 
 
    btn = document.getElementById('check'); 
 

 
// Add click event 
 
btn.onclick = function(){ 
 

 
    var value = select.options[select.selectedIndex].value; // I could also use Boolean(value); to convert it to boolean and not use quote for comparsion. 
 
    
 
    // Checking if condition is true. If yes, then ask for user confirmation. 
 
    if(value == '1'){ 
 
     
 
     console.log('condition is true; asking for confirmation'); 
 
     
 
     var ask = confirm('The condition is true, do you want to continue?'); 
 
     // if confirmed; 
 
     if(ask){ 
 
     console.log('confirmed'); 
 
     // if denied/cancelled 
 
     } else { 
 
     console.log('cancelled'); 
 
     } 
 
    } 
 

 
}
Condition: 
 
<select id="c"> 
 
    <option value="1">true</option> 
 
    <option value="0">false</option> 
 
</select> 
 
<button id="check">Check</button>

+0

где я должен писать более низкий код? –

+0

замените 'значение == '1'' своим собственным условием. Я предоставил вам минимальный пример, чтобы вы начали. –

+0

Под какой тег я должен написать следующий код Условие: <выберите ID = "C"> <параметр значение = "1"> верно<значение параметра = "0"> ложные кнопку Check –

1

Ниже приведен очень простой пример для начинающих, используя Bootstrap.Simple скопировать и вставить код, приведенный ниже и он будет работать:

код позади (.cs файл):

protected void Page_Load(object sender, EventArgs e) 
{ 
} 

protected void btnClick_Click(object sender, EventArgs e) 
{ 
    lblOutput.Text = String.Empty; 
    bool showModal = true; 

    if(showModal) 
     ScriptManager.RegisterStartupScript(this, this.GetType(), "myModal", "$('#myModal').modal('show');", true); 
} 

protected void Decision_Command(object sender, CommandEventArgs e) 
{ 
    lblOutput.Text = "User clicked - " + e.CommandArgument; 
} 

.aspx:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <asp:Button ID="btnClick" runat="server" Text="OK" OnClick="btnClick_Click" /> 
     <asp:Label ID="lblOutput" runat="server"></asp:Label> 
     <div id="myModal" class="modal fade"> 
      <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
         <h4 class="modal-title" id="myModalLabel">Would you like to continue?</h4> 
        </div> 
        <div class="modal-body"> 
         <h3>Would you like to coninue?</h3> 
         <asp:Button ID="btnYes" runat="server" Text="Yes" OnCommand="Decision_Command" CommandArgument="Yes" /> 
         <asp:Button ID="btnNo" runat="server" Text="No" OnCommand="Decision_Command" CommandArgument="No" /> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </form> 
</body> 
</html> 

Выход:

Popup confirmation using Bootstrap

+0

Спасибо, наконец, я получил то, что хочу ... но у меня мало проблем. 1. моя страница не активизируется после подтверждения, она остается скрытой. 2. Если я не хочу использовать «