动态按钮上的模态弹出窗口

Question

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

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

第一阶段：

      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。正在日历控件中添加此按钮。

日历截图：

Answer 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() 呈现为函数调用。如果该函数不存在（并且拼写完全相同），它将永远不会停止回发。