jquery - jquery 对话框在数据表单 Web 部件中调用时立即关闭

Question

我有一个包含以下行的数据表单 Web 部件：

<input id="btnAcceptPopup" type="button" value="OK" name="btnFormAction" onclick="javascript: 
if (showDialog()) return false; {ddwrt:GenFireServerEvent('__commit;__redirect=  
{http://domainNane/Pages/Home.aspx}')}" />

目的是在用户输入数据后显示一个对话框弹出窗口，并重定向到主页。但对话框会显示片刻并关闭

这是javascript：

function showDialog(){
    $("#dialog-modal").dialog(
{
    autotOpen:false,
    width: 348,
    height: 98,
    modal:true,
   buttons: {
                Close: function () {
                    $(this).dialog('close');
                }
        },              
            modal:true,             
});
return false;
   }

有什么线索吗？

谢谢

Answer 1

当您提交表单时，浏览器基本上是在导航到一个新页面。显然，这意味着当前页面将被替换 - 其中包括作为页面一部分的弹出对话框。

如果您希望在表单提交后显示对话框，那么您应该在结果页面上弹出它，而不是在表单页面上。

如果您希望对话框立即显示，在提交表单时可见，并在之后保持可见，那么您将不得不通过某种 ajax 调用手动提交表单数据。