我有一个页面,点击此按钮有一个保存按钮打开一个模态窗口,它基本上包含一个电子邮件模板,用户必须输入注释和输入字段。模态窗口上有一个发送和取消按钮。如果单击取消按钮,则只提交父页面,并且不保存用于发送电子邮件的电子邮件模板值。但是,如果单击“发送”按钮,则会提交用于发送电子邮件和父页面值的电子邮件模板值。目前取消按钮功能正在运行,但发送按钮未按预期工作。每当我点击发送按钮时,页面就会挂起并且不会进一步处理。任何人都可以帮我解决问题。
$("#emailBackBtn").click(function(){
var zIndex = 1000 + (10 * $('.modal:visible').length);
$(this).css('z-index', zIndex);
$("#dialog-send").dialog({
resizable : false,
height : 200,
modal : true,
closeOnEscape : false,
dialogClass : "no-close",
open : function(type, data)
{
$('.ui-dialog').css('z-index', 9999);
$('.ui-widget-overlay').css('z-index', zIndex);
},
buttons :
[
{
text : "Yes",
type : "submit",
click : function()
{
$(this).dialog("close");
$('#sendEmailOrPopup').modal('hide');
$("#quotLineEntry").submit();
}
},
{
text : "No",
type : "button",
click : function(){
$(this).dialog("close");
}
}
]
});
});
$('#emailSendBtn').click(function(){
$("#emailCc").val($('#cc').val());
$("#emailComment").val($('#comment').val());
$("#emailTo").val($('#to').val());
$("#emailBody").val($('#body').html());
$("#emailSubject").val($('#subject').val());
$("#emailFrom").val($('#from').val());
$("#quotLineEntry").submit();
});
以上是使用Jquery的模态窗口中的两个按钮功能。单击发送按钮后,表单将提交给弹簧控制器。
#quotLineEntry
是父页面中的表单。 #sendEmailOrPopup
是模态窗口。