使用按钮单击模态窗口提交父表单

时间:2017-09-18 09:14:25

标签: jquery

我有一个页面,点击此按钮有一个保存按钮打开一个模态窗口,它基本上包含一个电子邮件模板,用户必须输入注释和输入字段。模态窗口上有一个发送和取消按钮。如果单击取消按钮,则只提交父页面,并且不保存用于发送电子邮件的电子邮件模板值。但是,如果单击“发送”按钮,则会提交用于发送电子邮件和父页面值的电子邮件模板值。目前取消按钮功能正在运行,但发送按钮未按预期工作。每当我点击发送按钮时,页面就会挂起并且不会进一步处理。任何人都可以帮我解决问题。

 $("#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是模态窗口。

0 个答案:

没有答案