[英]Creating a dialog confirmation after a dialog 'save' button is pressed
我有一个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
});
谢谢 :)
您可以按照以下方式进行操作:
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");
}
}
});
这将在显示确认对话框时关闭主对话框,如果不确认,则将其重新打开。 或者,可以在确认对话框打开时将主对话框保持打开状态。 在这种情况下,主对话框将被阻止,直到用户退出确认对话框。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.