0

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

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

4

2 回答 2

1

您可以使用of you 页面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;
        }
}

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

于 2012-07-09T10:37:46.793 回答
0

假设您正在使用更新面板。您将需要像这样的处理程序和图像“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 来达到您的目的。

于 2012-07-09T09:29:53.557 回答