Создание подтверждения диалога после нажатия кнопки «Сохранить»

Question

У меня есть диалоговое окно jquery, в котором пользователь может предоставить новый сервер с различными требованиями. Теперь, когда пользователь нажимает «Сохранить», мы хотим, чтобы окно подтверждения открылось, чтобы подтвердить, что пользователь хочет это сделать.

Моя главная проблема заключается в том, что это диалоговое окно в диалоговом окне.

Вот код для диалогового окна

$('#newenvironment').dialog({ 
    autoOpen: false, 
    buttons: { 
     'Save': function() { 
      var url = "./environment/new/"; 

      // There is code here that processes the fields 

      // code to send the data to the server 

      // URL gets built 
      c.post(url); 

      $('#newenvironment').dialog('close'); 
     }, 
     'Cancel': function() { 
      $('#newenvironment').dialog('close'); 
     } 
    }, 
    modal: true, 
    width: 640 
}); 

Спасибо :)

Answer 1

Вы могли бы сделать что-то вроде вдоль этих линий:

HTML:

<div id="mainDialog"> 
    <div id="area"> 
     <h2>Server requirements </h2> 
     Enter something: <input type="text" name="yada"/> 
    <div> 
</div> 

<div id="confirmDialog">Are you sure?</div> 

Javascript:

$("#confirmDialog").dialog({ 
    height: 250, 
    modal: true, 
    autoOpen: false, 
    buttons: { 
     "Yes": function() { 
      $(this).dialog("close"); 

      // show some sort of busy indicator here 

      var url = "./environment/new"; 
      // code to process inputs from main dialog 
      //c.post(url); 

      // clear busy indicator here 
     }, 
     "No": function() { 
      $(this).dialog("close"); 
      $("#mainDialog").dialog("open"); 
     } 
    } 
}); 

$("#mainDialog").dialog({ 
    height:350, 
    modal: true, 
    autoOPen: false, 
    buttons: { 
     "Save": function() { 
      $(this).dialog("close"); 
      $("#confirmDialog").dialog("open"); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     } 
    } 
}); 

Это закроет главный диалог, пока отображается диалоговое окно подтверждения, и открыть его, если вы не подтвердите. Кроме того, вы можете оставить главное диалоговое окно открытым, когда диалог подтверждения открыт. В этом случае основное диалоговое окно будет заблокировано, пока пользователь не выйдет из диалогового окна подтверждения.