0

在我的 Web 应用程序中,我动态添加了一个名为“Click Me !”的按钮。在第一阶段,当按钮被点击时,它必须显示一个警告框。在第 2 阶段,它必须显示一个弹出窗口。我使用 ModalPopupExtender 来实现弹出。问题是,弹出窗口只闪烁一次,而不是不断显示。在我的代码下面给出......任何人都可以帮助我摆脱这个吗?

Page_OnLoad():
**************
     Button Button1=new Button();
     Button1.Text="Click Me !";
     Button1.ID="LogBut";
     Controls.Add(LogBut);

阶段1:

      JavaScript:
      ***********
          function alert()
          {
             alert("Stage 1");
          }

      Code behind:
      ************
       LogBut.Attributes.Add("OnClick", "alert();");

第 2 阶段:

      JavaScript:
      ***********
          var Modalpopup='<%=modalPermission.ClientID %>';
          function Popup()
          {
             $find(Modalpopup).show();
          }

     Design:
     *******
           <Ajax:ModalPopupExtender ID="modalPermission" runat="server" TargetControlID="Infield"
                   PopupControlID="divPermission"></Ajax:ModalPopupExtender>
           <asp:HiddenField ID="Infield" runat="server" />

     Code Behind:
     ************
           LogBut.Attributes.Add("OnClick", "Popup();");

注意:我使用隐藏字段控件的 Id 作为 ModaPopupExtender 的 TargetControlId。我在日历控件中添加了这个按钮。

日历截图:

设计页面 代码背后

4

1 回答 1

1

模态弹出窗口不记得它应该在弹出窗口后显示。如果要将弹出显示附加到按钮,则必须禁用回发到服务器。您的问题很可能是按钮显示模态,但也回发,并且在回发时,模态不记得它应该显示。您可以通过执行以下操作来终止回发;放

UseSubmitBehavior='false'

在服务器端按钮上,然后在弹出功能中,执行:

function Popup(e) {
   // stop button event propagation, which causes postback
   if (e.stopPropagation)
      e.stopPropagation();
   if (e.preventDefault)
      e.preventDefault();

   // show modal
}

这应该可以防止按钮回发到服务器。

编辑:您的函数说 Popup,但您的 javascript 将 showpopup() 呈现为函数调用。如果该函数不存在(并且拼写完全相同),它将永远不会停止回发。

于 2013-07-19T16:21:35.027 回答