Question

我想在每次回发时显示一个弹出式jquery，如果可能的话，例如说Loading ...我不知道如何实现这个，也不知道tecnology使用哪个。我想把代码放在超类上，这样我只需要编写一次代码。原则上我希望当我按下提交按钮时，页面会隐藏自己。希望你帮帮我。

编辑：它应该是那样的。我有一个页面，我打开一个带有iframe的jquery对话框，并带有一个提交按钮。当我提交表单时，表单的对话框必须隐藏，并且必须出现一个新的对话框，说明正在加载...操作完成后，此对话框必须隐藏。

Answer 1

您可以使用页面onsubmit上的form触发器执行此操作：

<form id="form1" runat="server" onsubmit="return disableForm(this);">
 ...
</form>

关于javascript我做的是在第一次提交时单击我让提交，并关闭/打开我喜欢的对话框。如果用户点击两次提交，我会向他显示一条消息并停止第二次提交。

var submitted = false;
function disableForm(theform) {
       if (true == submitted) {
            alert("form already submitted... please wait...");
            return false;
        }
        else {            
            // here you close the dialog, open an other
            submitted = true;
            return true;
        }
}

我无法写出如何关闭你打开的对话框，因为你没有提供任何关于它的线索/代码，但我认为这很容易。

Answer 2

假设您正在使用updatepanels。您将需要像这样的处理程序和图像“LoadingImage”

<script type="text/javascript" language="javascript">  
      Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandle);
          Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandle);
          function beginRequestHandle(sender, Args) {
    document.getElementById("LoadingImage").style.visibility = "visible";

          //Do something when call begins.
            }

    function endRequestHandle(sender, Args) {
    document.getElementById("LoadingImage").style.visibility = "hidden";
    }
          </script>

它的作用是在ajax调用开始时显示一个图像，并在完成时隐藏它。您可以使用动画gif为您的目的。

提交时显示进度条对话框

2 个答案: